@charset "utf-8";

/* 공통 */
.gray-bg {background:#f1f1f1;}

.c1 {color:#e50012;}

.doc-tt {margin-bottom:27px; font-size:16px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#e50012;}

.doc-tit {margin-bottom:40px; font-size:32px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.doc-tit:before {margin-bottom:18px; content:""; display:block;  width:7px; height:7px; border-radius:100%; background:#e50012;}
.doc-tit.type2 {text-align:center;}
.doc-tit.type2:before {margin-left:auto; margin-right:auto;}
.doc-tit.ico {text-align:center;}
.doc-tit.ico:before {margin-left:auto; margin-right:auto; width:48px; height:47px; background:url("/images/sub/ico_tit.png") no-repeat 50% 50% / contain; border-radius:0;}

.doc-txt {font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.889em; color:#878787;}
.doc-txt2 {text-align:center; font-weight:400; letter-spacing:-.04em; line-height:2.125em; color:#878787;}

.sub-tab {margin-bottom:80px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; border:1px solid #ccc; overflow:hidden;} 
.sub-tab ul li + li {border-left:1px solid #e50012;}
.sub-tab ul li:nth-child(1) {border-radius:32px 0 0 32px; border-right:0;}
.sub-tab ul li:nth-child(2) {border-radius:0 32px 32px 0;}
.sub-tab ul li a {display:block; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; display:flex; align-items:center; justify-content:center; height:64px;}
.sub-tab ul li.active {border-color:#e50012; color:#e50012;}

.border-box {border:1px solid #dfdfdf; border-radius:16px;}

.video-area {margin-bottom:80px;}
.video-area video {width:100%; border-radius:36px; overflow:hidden;}

.ico-txt-list ul {display:flex; margin:-10px;}
.ico-txt-list ul li {padding:10px; text-align:center; width:33.333%;}
.ico-txt-list .box {min-height:336px; background:#fff; padding:40px; min-height:335px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ico-txt-list .num {margin:29px 0 15px; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#a8a8a8;}
.ico-txt-list .txt {font-size:20px; font-weight:500; letter-spacing:-.04em; line-height:1.6em; color:#2c2c2c;}

.content-list ul {display:flex; margin:-10px;}
.content-list ul li {width:50%; padding:10px}
.content-list .tit {padding:18px 30px; font-weight:700; font-size:18px; line-height:1.4em; border-radius:16px 16px 0 0; border:1px solid #e50012; background:#e50012; color:#fff;}
.content-list .cnt {padding:24px 30px 33px; border-radius:0 0 16px 16px; border:1px solid #e50012;}
.content-list .cnt p {font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.889em; color:#2c2c2c;}

.picture-list ul {display:flex; flex-wrap:wrap; margin:-10px;}	
.picture-list ul li {padding:10px; width:50%;}
.picture-list .tit {margin-bottom:25px; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.picture-list .tit.line {position:relative; padding-left:15px;}
.picture-list .tit.line:before {content:""; width:3px; height:18px; background:#e50012; position:absolute; left:0; top:5px;}

.white-box {margin-top:60px; padding:45px 48px; background:#fff; border-radius:16px; display:flex;} 
.white-box .tit {margin-right:47px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.75em; color:#2c2c2c;}
.white-box .doc-txt2 {text-align:left; flex:1 1 auto; min-width:0; width:1%;}

/* organization */
.sub01_01 {padding: 0 83px;}
.org-list .row {display:flex; flex-wrap:wrap; margin:-10px;}
.org-list .col {width:25%; padding:30px 20px;}
.org-list .col .box {height:100%; min-height: 200px; padding:50px 40px; background:#fff; border-radius:16px;}
.org-list .col.row-3 .box {height:calc(33.333% - 7px); padding:25px 40px;}
.org-list .col.row-3 .box + .box {margin-top:10px;}
.org-list .col .tit {margin-bottom:20px; font-size:22px; font-weight:700; letter-spacing:-.04em; line-height:1.3em; color:#2c2c2c;}
.org-list .col .tit:before {display:block; margin-bottom:17px; content:""; width:25px; height:4px; border-radius:2px; background:#e50012;}
.org-list .col .only_tit {margin-top: 66px;}
.org-list .hypen-list {margin:0; padding:0; text-indent:0;}
.org-list .hypen-list ul li {margin-bottom:12px; font-size:16px; color:#505050; padding-left: 0.6em; text-indent: -0.6em;}
.org-list .hypen-list.type2 ul {display:flex; flex-wrap:wrap;}
.org-list .hypen-list.type2 ul li {width:50%;}
.org-list .hypen-list.type2 .type2-list {display: flex; flex-flow: row nowrap;}
.org-list .hypen-list.type2 .type2-list ul {display: flex; flex-flow: column nowrap; justify-content: flex-start; width: 50%;}
.org-list .hypen-list.type2 .type2-list ul li {width: 100%;}

/* histroy */
.history {margin-top:145px;}
.history .section {transform:translateY(100px); transition:.3s; display:flex; justify-content:space-between;}
.history .head {margin-top:-15px; width:50%; font-size:143px; font-weight:800; letter-spacing:-.04em; line-height:0.93em; color:#f1f1f1;}
.history .head span {display:block;}
.history .head span:nth-child(2) {margin-left:74px;}
.history .wrap {width:50%;}
.history .group {padding:43px 48px; display:flex; border-bottom:1px solid #dfdfdf;}
.history .group:first-child {border-top:1px solid #505050;}
.history .group:last-child {border-bottom:0;}
.history .group .year {width:97px; color:#e50012; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.5em;}
.history .group .list {flex:1 1 auto; min-width:0; width:1%;}
.history .group .list ul li {margin-bottom:16px; font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.history .group .list ul li:last-child {margin-bottom:0;}

.history .active .head {color: #7e7e7e; transition:.3s;} 
.history .section.active {transform:translateY(0);}

/* company*/
.counter-wrap {margin:70px 0;}
.counter-wrap ul {display:flex; justify-content:center;}
.counter-wrap ul li {margin:0 70px; text-align:center;}
.counter-wrap .tit {margin:29px 0 9px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.counter-wrap .num {font-size:68px; font-weight:800; letter-spacing:-.04em; line-height:1.2em; color:#e50012;}

.company-map {margin-bottom:82px;}

.company-list .wrap {border-top:1px solid #505050;}
.company-list .group {display:flex; border-bottom:1px solid #dfdfdf; padding:50px 100px;}
.siliconii_ci .group {border-bottom: 0;}
.company-list .nation {width:307px; font-size:28px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.company-list .nation img {margin-right:30px; vertical-align:middle;}
.company-list .cnt {flex:1 1 auto; min-width:0; width:1%;}
.company-list .addr {margin-bottom:20px; font-size:20px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.company-list .info {display:flex;}
.company-list .info dl {display:flex;}
.company-list .info dl + dl {margin-left:42px;}
.company-list .info dt {margin-right:17px; color:#e50012; font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.company-list .info dd {color:#505050; line-height:1.4em;}

/* contact us - 문의사항 */
.inquiry-head {display:flex; justify-content:space-between;}
.caution-txt {font-size:14px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#878787;}
.aster {color:#e50012;}

.inquiry-form .input {width:100%; border-radius:6px; border-color:#dfdfdf; height:46px;}
.inquiry-form .input::placeholder {color:#878787;}
.inquiry-form .group {border-top:1px solid #000; padding:50px 40px;}
.inquiry-form .group:last-child {padding-bottom:0;} 
.inquiry-form .title {margin-bottom:56px; font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:-19px -16px;}
.inquiry-form .form .col {width:33.333%; padding:19px 16px;}
.inquiry-form .form .col-x2 {width:100%;}
.inquiry-form .form dt {margin-bottom:12px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.inquiry-form .form textarea.input {height:240px;}
.inquiry-form .caution-head {display:flex; justify-content:space-between;}
.inquiry-form .form-agree {margin:0 0 59px;}
.inquiry-form .form-agree h3 {color:#2c2c2c; font-weight:700;}
.inquiry-form .form-agree .scroll-box {border-radius:6px; border-color:#dfdfdf; padding:26px 29px; background:#fff; color:#878787;}
.inquiry-form .btn-pack {width:220px; height:70px; font-size:19px; font-weight:500; letter-spacing:-.04em; border-radius:8px;}
.inquiry-form .checkbox label:before {border-radius:4px;}
.inquiry-form .input.file {line-height:46px; font-size:15px; color:#2c2c2c; padding-left:135px; position:relative;}
.inquiry-form .input.file::file-selector-button {display:none;}
.inquiry-form .input.file:before {content:"파일 업로드 +"; position:absolute; left:0; top:0; text-align:center; vertical-align:top; line-height:44px; width:116px; height:100%; color:#fff; font-size:15px; font-weight:500; letter-spacing:-.04em; background:#2c2c2c; border:1px solid #2c2c2c;}

/* 오시는 길 */
.location {display:flex; align-items:center;}
.location-info {flex:1 1 auto; min-width:0; width:1%; padding-left:83px;}
.location-info .group {display:flex; border-bottom:1px solid #dfdfdf; padding:57px 30px}
.location-info .group:last-child {border-bottom:0;}
.location-info .group .tt {width:67px; font-weight:700; letter-spacing:-.04em; line-height:1.6em; color:#e50012;}
.location-info .cnt {flex:1 1 auto; min-width:0; width:1%;}
.location-info .cnt .tit {margin-bottom:14px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.3em; color:#2c2c2c;}
.location-info .cnt .addr {margin-bottom:24px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.location-info .info .wrap {margin:-6px 0;display:flex; flex-wrap:wrap;}
.location-info .info .wrap.only-mobile {display:none;}
.location-info .info dl {padding:6px 0;width:50%;display:flex; line-height:1.5em;}
.location-info .info dt {font-weight:700; color:#2c2c2c; width:96px; flex:0 0 auto;}
.location-info .info dd {flex:1 1 auto; min-width:0; width:1%; word-break:break-all;}

/* stylekorean */
.style-page .sub-title {text-align:center;}
.style-page .doc-tt {text-align:center;}
.style-page .doc-txt {text-align:center;}

.style-page .sec1 {padding-bottom:80px;}

.style-page .sec2 {padding-bottom:100px;}
.style-page .sec2 .doc-tit {margin-bottom:20px;}
.style-page .sec2 .doc-txt {margin-bottom:45px; text-align:center;}
.style-page .sec2 .list ul {margin:-10px; display:flex;}
.style-page .sec2 .list ul li {padding:10px; width:25%;}
.style-page .sec2 .list ul li:first-child {width:50%;}
.style-page .sec2 .list .box {min-height:487px; padding:40px;}
.style-page .sec2 .list .business_sa {padding: 30px 41px 44px;}
.style-page .sec2 .list .box.half {min-height: 233.5px;}
.style-page .sec2 .list .box.half.mt-20 {margin-top: 20px;}
.style-page .sec2 .list .nation {margin-bottom:40px;}
.style-page .sec2 .list .business_sa .nation {margin-bottom: 18px;}
.style-page .sec2 .list .nation.south_american {width: 81px; margin-top: -21px; margin-left: -28px; margin-bottom: 40px;}
.style-page .sec2 .list .nation_wrap {display: flex; flex-flow: wrap; gap: 16px;}
.style-page .sec2 .list .nation_wrap .wrap {width: calc(50% - 16px); box-sizing: border-box;}
.style-page .sec2 .list .wrap {padding:22px 0 34px; position:relative;}
.style-page .sec2 .list .wrap:last-child {padding-bottom:0;}
.style-page .sec2 .list .wrap:before {content:""; position:absolute; left:0; top:0; width:24px; height:4px; border-radius:2px; background:#e50012;}
.style-page .sec2 .list .wrap .tit {margin-bottom:6px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.2em; color:#2c2c2c;}
.style-page .sec2 .list .wrap .txt {font-size:15px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#505050;}
.style-page .sec2 .list .wrap .txt + .txt {margin-top:3px;}
.style-page .sec2 .list .link {color:#4492e3;}

.style-page .sec3 {padding:94px 0; background:url("/images/sub/platform_bg.jpg") no-repeat 50% 50% / cover;}
.style-page .sec3 .sub-title {margin-bottom:63px;}
.platform-list-1 {margin-bottom:50px;}
.platform-list-1 ul {display:flex; max-width:770px; margin:0 auto;}
.platform-list-1 ul li {margin:0 5px; width:50%;}
.platform-list-1 .box {text-align:center; padding:48px 30px; background:#fff; border:1px solid #ccc; border-radius:80px;}
.platform-list-1 .box .tt {margin-bottom:10px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.platform-list-1 .box .tit {font-size:26px;font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.platform-list-2 ul {display:flex; margin:0 -30px;}
.platform-list-2 ul li {text-align:center; margin:0 30px; width:33.333%;}
.platform-list-2 .tit {margin:30px 0 15px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.arr-wrap {display:flex; margin-top:52px;}
.arr-wrap .arr {text-align:center; width:33.333%;}

.bar-tit {margin:40px 0 30px; text-align:center; line-height:58px; font-size:18px; font-weight:700; letter-spacing:-.04em; color:#fff; border-radius:28px; background:#e50012;}

.heart-list ul {display:flex; margin:-10px;}
.heart-list ul li {width:33.333%; text-align:center; padding:10px;}
.heart-list .box {padding:48px 20px 40px; background:#f4f4f4; border-radius:16px;}
.heart-list .heart {margin-bottom:13px;}
.heart-list .txt {font-size:20px; font-weight:500; line-height:1.6em;}

.style-page .sec4 .img {margin-top:52px; padding:62px; text-align:center; border:1px solid #dfdfdf; border-radius:16px;}
.d2c-page .sec {padding:90px 0;}
.d2c-page .sec:last-child {padding-bottom:0;}
.d2c-page .doc-tit {margin-bottom:60px;}
.d2c-page .sec2 .ico-txt-list {margin-bottom:54px;}

.fulfill-wrap {background:#f4f4f4; border-radius:16px; padding:46px 50px;}
.fulfill-wrap .group {margin-bottom:40px;}
.fulfill-wrap .group:last-child {margin-bottom:0;}
.fulfill-wrap .group .tit {margin-bottom:20px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.fulfill-wrap .group p {color:#878787;}
.fulfill-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.fulfill-list ul li {width:20%; padding:10px; display: flex; justify-content: center;}


/* b2b */
.b2b-page .sec {padding:100px 0;}
.b2b-page .sec1 {padding-top:0;}
.b2b-page .sec:last-child {padding:80px 0 0;}
.b2b-page .sec1 .ico-txt-list ul {flex-wrap:wrap;}
.b2b-page .sec1 .ico-txt-list ul li {width:50%;}
.d2c-page .partners-bnr .wrap .rolling {height:60px;}

/* warehouse */
.warehouse .sec {padding:80px 0;}
.warehouse .sec1 {padding-top:0 !important;}
.warehouse .sec1 .doc-tit {margin-bottom:26px;}
.warehouse .sec1 .doc-tit + .doc-txt2 {margin-bottom:40px;}
.warehouse .sec:last-child {padding-bottom:0;}
.warehouse .sec2 .picture-list ul {margin:-26px -10px;}
.warehouse .sec2 .picture-list ul li {padding:26px 10px;}
.warehouse .sec3 .content-list ul {flex-wrap:wrap; }
.warehouse .sec3 .content-list ul li {width:50%;}
.warehouse .sec3 .content-list .box {height:100%;}
.warehouse .sec3 .content-list .box .cnt {height:calc(100% - 63px);}
.warehouse .sec3 .img {margin-bottom:50px;}

/* brand */
.brand .sec {padding:80px 0;}
.brand .doc-tit + .doc-txt2 {margin-bottom:47px;}

.brand-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.brand-list ul li {width:14.28%; padding:10px;}

.circle-list ul {display:flex; justify-content:center;}
.circle-list ul li {text-align:center; padding:0 30px;}
.circle-list .con {margin-bottom:35px;}

.dot-list ul {display:block;}
.dot-list ul li {padding:0; margin-bottom:4px;}
.dot-list ul li:last-child {margin-bottom:0;}
.dot-list ul li span {display:inline-block; position:relative; padding-left:15px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#505050;}
.dot-list ul li span:before {content:""; position:absolute; left:0; top:8px; background:#ccc; border-radius:100%; width:5px; height:5px;}

.badge-tit {text-align:center; position:relative; margin-bottom:-28px;}
.badge-tit span {padding:0 30px; display:inline-block; font-size:18px; font-weight:700; letter-spacing: -.04em; line-height:56px; color:#fff; background:#e50012; border-radius:28px; }

/* k-pop */
.kpop-logo {text-align:center; margin-bottom:46px;}
.k-pop .logo {text-align:center;}
.k-pop .accordion {margin-bottom:94px; padding:26px 47px; border-top:1px solid #000; border-bottom:1px solid #000;}
.k-pop .accordion .head a {position:relative; display:flex; align-items:center;}
.k-pop .accordion .head a:after {content:""; position:absolute; top:50%; right:0; margin-top:-4px; display:inline-block; width:14px; height:9px; background:url("/images/sub/accordion_arr.png") no-repeat 50% 50% / contain;}
.k-pop .accordion.active .head a:after {transform:rotate(-180deg);}
.k-pop .accordion .head h3 {margin-right:30px; font-size:26px; line-height:1.4em; color:#2c2c2c;}
.k-pop .accordion .head p {font-size:14px; line-height:1.4em; color:#878787;}
.k-pop .accordion .cnt {margin-top:90px; display:none;}

.global-list {margin:100px 0 14px;}
.global-list ul {display:flex; justify-content:center; margin:0 -70px;}
.global-list ul li {text-align:center; padding:0 70px;}
.global-list .ico {margin-bottom:30px;}
.global-list .tit {font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.global-list .tt {margin:8px 0 17px; font-size:14px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.global-list .txt {font-size:16px; font-weight:700; letter-spacing:-.04em; line-height:1.75em; color:#505050;}

.offline .img-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.offline .img-list ul li {width:25%; padding:10px;}
.offline .img-list.col-3 ul li {width:33.333%;}

.offline .group {margin-bottom:50px;}
.offline .group:last-child {margin-bottom:0;}

.offline .border-box {padding:70px 100px;}
.offline .group:nth-child(odd) .badge-tit {text-align:left; padding-left:100px;}
.offline .group:nth-child(even) .badge-tit {text-align:right; padding-right:100px;}

.offline .img-list .tit {font-size:20px; margin-bottom:22px; font-weight:700; color:#2c2c2c; line-height:1.4em;}
.offline .img-list .title {margin:25px 0 13px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.offline .favorite {width:100%; padding-right:90px; display:flex; align-items:center;}
.offline .favorite .img {padding-right:58px;}
.offline .favorite .cnt .tit {margin-bottom:28px; font-size:32px; font-weight:700; color:#2c2c2c; line-height:1.4em;}

.offline .group6 .border-box .favorite {width:710px;}
.offline .group6 .border-box .img-con {flex:1 1 auto; min-width:0; width:1%;}
.offline .group6 .border-box .img-con .tit {margin-bottom:20px;font-size:20px; font-weight:700; line-height:1.4em; color:#2c2c2c;}
.offline .group6 .border-box {display:flex;}

.offline .group8 .border-box {display:flex; align-items:flex-end;}
.offline .group8 .favorite {display:block; width:400px; padding-right:29px;}
.offline .group8 .favorite .img {padding-right:0;}
.offline .group8 .favorite .tit {margin-bottom:20px;}
.offline .group8 .favorite .cnt {margin-bottom:59px;}
.offline .group8 .border-box > .img {flex:1 1 auto; min-width:0; width:1%;}

/* mcn */
.mcn .sub-title {margin-bottom:65px;}
.mcn .sec {padding:85px 0;}
.mcn .sec1 {padding:0 !important;}
.mcn .sec1 .global-list {padding:0;}

.mcn .sec2 .doc-tit {margin-bottom:20px;}
.mcn .sec2 .white-box {display:flex;}
.mcn .sec2 .white-box .left {margin-right:240px;}
.mcn .sec2 .white-box .left h3 {margin-bottom:15px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.mcn .sec2 .white-box .content {display:flex;}
.mcn .sec2 .white-box .content .bar-con .bar {margin-bottom:21px; width:20px; height:4px; background:#e50012;}
.mcn .sec2 .white-box .content .bar-con {margin-right:67px;}
.mcn .sec2 .white-box .content .bar-con h4 {margin-bottom:10px; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.mcn .sec3 .ico-txt-list ul {flex-wrap:wrap;}
.mcn .sec3 .ico-txt-list ul li {width:50%;}

.mcn .sec4 .border-box {overflow:hidden; background:#fff; padding:83px 95px 60px;}
.mcn .sec4 .global-list {margin:0;}
.mcn .sec4 .global-list .tit {font-size:18px;}
.mcn .sec4 .global-list ul {max-width:980px; margin:0 auto;}
.mcn .sec4 .global-list ul li {padding:0; width:25%;}
.mcn .sec4 .global-list ul li .tit {white-space:nowrap;}
.mcn .sec4 .group {margin-bottom:50px;}
.mcn .sec4 .group:last-child {margin-bottom:0;}
.mcn .sec4 .group2 .img {text-align:center;}
.mcn .sec4 .group3 .head {margin-bottom:60px; display:flex; justify-content:center; align-items:center;}
.mcn .sec4 .group3 .head p {font-size:20px; font-weight:700; line-height:1.4em; color:#2c2c2c;} 
.mcn .sec4 .group3 .head .logo {margin-left:53px;}
.mcn .sec4 .group3 .content {display:flex;}
.mcn .sec4 .group3 .content > .img {position: relative; margin-bottom:-300px;} 
.mcn .sec4 .group3 .content > .img img {margin-top:-14px;}
.mcn .sec4 .group3 .content .cnt {flex:1 1 auto; min-width:0; width:1%; margin-left:40px;}
.mcn .sec4 .group3 .content .cnt .tit {margin-bottom:10px; font-size:20px; font-weight:700; line-height:65px; letter-spacing:-.04em; background:#121212; color:#fff; border-radius:16px; text-align:center; padding:0 30px;}
.mcn .sec4 .group3 .content .cnt img {width:100%;}
.mcn .sec4 .group3 .content .txt {text-align:center; margin-top:40px;}
.mcn .sec4 .group3 .content .txt .t1 {margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.4em;}
.mcn .sec4 .group3 .content .txt .t2 {font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.mcn .sec5 .top {margin-bottom:65px; display:flex; justify-content:space-between;}

.studio-wrap .group + .group {margin-top:50px;}
.studio-wrap .badge-tit {margin-bottom:30px; display:flex; justify-content:flex-start; align-items:center; font-size:20px; font-weight:500; line-height:1.4em; color:#2c2c2c; background:#f4f4f4; border-radius:29px;}
.studio-wrap .badge-tit span {margin-right:20px;}
.studio-wrap .content {display:flex;}
.studio-wrap .content .imgs ul {display:flex; margin:-5px;}
.studio-wrap .content .imgs ul li {text-align:center; padding:5px;}
.studio-wrap .content .imgs ul li .tt {margin:15px 0 3px; font-size:14px; font-weight:400; line-height:1.4em; color:#878787;}
.studio-wrap .content .imgs ul li .txt {font-sizE:18px; font-weight:500; line-height:1.4em; color:#2c2c2c;}
.studio-wrap .content .cnt {margin-left:80px; flex:1 1 auto; min-width:0; width:1%;}
.studio-wrap .content .cnt .tit {margin-bottom:26px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.hypen-list {margin-top:7px; margin-left:15px; padding-left:.6em; text-indent:-.6em;}
.hypen-list ul li {line-height:1.5em; font-size:14px; color:#878787;}

.device-list {margin-top:30px;}
.device-list ul {display:flex; margin:-12px;}
.device-list ul li {padding:12px; text-align:center;}

.live-wrap {display:flex; margin-bottom:98px;}
.live-wrap .col {margin-left:70px; display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto; min-width:0; width:1%;}
.live-wrap .row {padding:15px 45px; height:calc(33.333% - 7px);background:#f4f4f4; border-radius:16px; display:flex; align-items:center; font-size:18px; font-weight:500;}
.live-wrap .row img {margin-right:17px;}

/* global network */
.network .doc-tit {margin-bottom:25px;}
.network .doc-txt2 {margin-bottom:40px;}
.network .sec {padding:90px 0;}
.network .sec1 {padding-top:0 !important;}
.network .sec:last-child {padding-bottom:0;}
.network .sec3 .badge-tit span {width:100%; line-height:84px; font-size:24px; border-radius:40px;}

.local-list {margin-bottom:30px;}
.local-list ul {display:flex; margin:-10px;}
.local-list ul li {width:33.333%; padding:10px;}
.local-list .wrap {border-radius:16px; overflow:hidden;}
.local-list .cnt {background:#f4f4f4; background-repeat:no-repeat; background-position:right 38px bottom 36px; padding:30px 145px 30px 38px;}
.local-list .cnt .tit {margin-bottom:20px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#242424;}
.local-list .cnt.st1 {background-image:url("/images/sub/local_ico1.png");}
.local-list .cnt.st2 {background-image:url("/images/sub/local_ico2.png");}
.local-list .cnt.st3 {background-image:url("/images/sub/local_ico3.png");}

.global-links ul {display:flex; flex-wrap:wrap; margin:-5px;}
.global-links ul li {width:25%; padding:5px;}
.global-links .img img {width:100%;}
.global-links a {background-repeat:no-repeat; background-size:cover; background-position:50% 50%; height:574px; display:block; position:relative;}
.global-links .none-pop {pointer-events: none;}
.global-links ul li:nth-child(1) a {background-image:url("/images/sub/glbal_link.jpg");}
.global-links ul li:nth-child(2) a {background-image:url("/images/sub/glbal_link2.jpg");}
.global-links ul li:nth-child(3) a {background-image:url("/images/sub/global_network_usa_west.png");}
.global-links ul li:nth-child(4) a {background-image:url("/images/sub/global_link_usa_west.png");}
.global-links ul li:nth-child(5) a {background-image:url("/images/sub/global_network_poland.png");}
.global-links ul li:nth-child(6) a {background-image:url("/images/sub/global_network_netherlands.png");}
.global-links ul li:nth-child(7) a {background-image:url("/images/sub/global_link_france_1.png");}
.global-links ul li:nth-child(8) a {background-image:url("/images/sub/global_link_england.png");}
.global-links ul li:nth-child(9) a {background-image:url("/images/slider/pop_dubai1.jpg");}
.global-links ul li:nth-child(10) a {background-image:url("/images/sub/glbal_link_mexico.jpg");}
.global-links ul li:nth-child(11) a {background-image:url("/images/sub/glbal_link11.png");}
.global-links ul li:nth-child(12) a {background-image:url("/images/sub/glbal_link_my.png");}
.global-links ul li:nth-child(13) a {background-image:url("/images/sub/glbal_link_sg.png");}
.global-links ul li:nth-child(14) a {background-image:url("/images/sub/glbal_link_ru.png");}
.global-links ul li:nth-child(15) a {background-image:url("/images/sub/glbal_link9.jpg");}
.global-links ul li:nth-child(16) a {background-image:url("/images/sub/glbal_link10.jpg");}
.global-links ul li:nth-child(17) a {background-image:url("/images/sub/glbal_link5.jpg");}

.global-links .inner {padding:56px 40px; color:#fff; display:flex; flex-direction:column; justify-content:space-between; position:absolute; left:0; top:0; width:100%; height:100%;}
.global-links .inner .top .tit {margin-bottom:18px; font-size:32px; font-weight:700; line-height:1.4em;}
.global-links .en-name {margin-bottom:45px; display:flex; font-weight:700; letter-spacing:-.04em; line-height:1.625em;}
.global-links .en-name:before {content:""; margin:.25em 9px 0 0; width:12px; height:16px; background:url("/images/main/m_ico_location.png") no-repeat 50% 50% / contain;}
.global-links .btm .info {margin-bottom:58px;}
.global-links .btm .info dl {margin-bottom:10px; display:flex; font-size:15px; line-height:1.4em;}
.global-links .btm .info dl dt {width:63px; font-weight:700;}
.global-links .btm .info dl dd {flex:1 1 auto; min-width:0; width:1%;}
.global-links .btm .info dl:last-child {margin-bottom:0;}
.global-links .btm .info.type2 dl {display:block;}
.global-links .btm .info.type2 dl dt {margin-bottom:10px;}
.global-links .btm .info.type2 dl dd {width:100%;}

.network .sec3 .badge-tit {margin:0;}

/* offline store */
.store {text-align:center;}
.store .store_section {display: flex; flex-flow: row wrap; margin: 0 auto;}
.store .off_section {width: 33.33%; gap: 55px; padding: 15px; margin-bottom: 20px;}
.store .badge-tit {margin-bottom: 30px;}
.store h2 {margin:0 0 40px; font-size:52px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#121212;}
.store .txt {margin-bottom:64px; font-size:22px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#121212;}
.store .imgs {display:flex;}
.store .more {justify-content: center; margin-top: 20px;}

@keyframes fade {
	0% {opacity:.8; background:#000;}
	100% {opacity:0; background:transparent;}
}

/* recruit */
.recruit .sec {padding:100px 0;}
.recruit .sec1 {padding-top:0;}
.recruit .sec1 .doc-tit.ico:before {background-image: url("/images/sub/recruit_ico_tit.png");}
.recruit .sec2 {background:url("/images/sub/careers_bg.jpg") no-repeat 50% 50% / cover;}	
.recruit .sec1 .doc-tit + .doc-txt2 {margin-bottom:0;}
.recruit .welfare ul li img {transition:.2s;}
.recruit .welfare ul li:hover img {transform:scale(1.1);}

.recruit .doc-tit {margin-bottom:22px;}
.recruit .doc-tit + .doc-txt2 {margin-bottom:37px;}
.careers-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.careers-list ul li {text-align:center; width:33.333%; padding:10px;}
.careers-list ul li .box {padding:30px; border-radius:16px; height:180px; display:flex; flex-direction:column; justify-content:center; background:#fff; font-size:20px;}
.careers-list ul li .num {margin-bottom:22px; font-size:20px; font-weight:700; line-height:1.4em; color:#e50012;}
.careers-list ul li .txt {font-weight:500; line-height:1.4em; color:#2c2c2c;}

.welfare ul {border-top:1px solid #505050; display:flex; flex-wrap:wrap; border-bottom:1px solid #dfdfdf;}
.welfare ul li {padding:50px 20px 20px; min-height:219px; text-align:center; width:25%; border-bottom:1px solid #dfdfdf;}
.welfare ul li:nth-child(23) {border-bottom:0;}
.welfare ul li:nth-child(24) {border-bottom:0;}
.welfare ul li .txt {margin-top:17px; font-size:20px; font-weight:700; line-height:1.4em; color:#2c2c2c;}
.welfare ul li .txt span {display:block; font-size:14px; font-weight:400; color:#878787;}

.employ .row + .row {margin-top:50px;}
.employ .row .content {text-align:center; padding:90px 50px 60px; display:flex; flex-direction:column; align-items:center; background:#fff; border-radius:228px; border:1px solid #ccc;}
.employ .row .content .img {margin-bottom:38px;}
.employ p.caution {font-size:18px; font-weight:500; margin-top:18px;}

.human-list .row {display:flex; justify-content: center;}
.human-list .col {width:20%;}
.human-list .col:nth-child(even) {display:flex; flex-direction:column-reverse;}
.human-list .col .img {transition:.3s;}
.human-list .col img {width:100%;}
.human-list .col .box {padding: 0 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; height:221px; text-align:center;}
.human-list .col .box .num {font-size:20px; font-weight:700; line-height:1.4em; color:#a8a8a8;}
.human-list .col .box .txt {font-size:20px; font-weight:500; line-height:1.6em; color:#2c2c2c;}
.human-list .col:hover .img {transform:translateY(-20px);}

.channel-box {margin:50px 0 100px; padding:28px 70px; background:#f4f4f4; display:flex; justify-content:space-between;  align-items:center; border-radius:49px;}
.channel-box .tit {font-size:20px; font-weight:700; color:#2c2c2c;}
.channel-box .links ul {margin:-5px -20px; display:flex; align-items:center;}
.channel-box .links li {padding:5px 20px;}
.channel-box .links a {font-size:20px; font-weight:500; letter-spacing:-.04em; color:#2c2c2c; display:flex; align-items:center;}
.channel-box .links a img {margin-right:12px;}

.recruit .recruit_btn {margin-top: 100px;}
.office .list ul {display:flex; margin:-10px;}
.office .list li {width:33.333%; padding:10px;}
.office-links {margin-top:90px;}
.office-links ul {display:flex; justify-content:center;}
.office-links ul li {margin:0 25px;}
.office-links ul li a {height: 250px; width: 250px; padding:0 25px; border-radius:35px; display:flex; flex-flow: column; justify-content: flex-start; border: 1px solid rgb(25,25,25); background: #fff;}
.office-links ul li a:hover {box-shadow: 0 0 0 6px #e50012; border-color: #e50012;}
.office-links ul li a .link_btn_title {color: #2c2c2c; font-size: 35px; text-align: center; font-weight:500; margin-top: 25px;}
.office-links ul li a .link_btn_sub_title {color: #e50012; font-size: 18px; margin-top: 4px;}
.office-links ul li a .img {display: flex; justify-content: center; margin-top: auto;}
.office-links ul li a .img img {max-height: 145px;}
.office-links ul li a .mobile {display: none;}
.office-links ul li a .pc {display: inline-flex;}

/* ir 문의 */
.ir-inquiry .icon {margin-bottom:34px;}
.ir-inquiry .list {margin-top:45px;}
.ir-inquiry .list ul {margin:0 -5px; display:flex; justify-content:center;}
.ir-inquiry .list ul li {padding:0 5px; width:50%; max-width:380px;}
.ir-inquiry .list .box {transition:.3s; border:1px solid #f4f4f4; padding:42px 10px; background:#f4f4f4; border-radius:80px; text-align:center;}
.ir-inquiry .list .box:hover {border:1px solid #e50012; }
.ir-inquiry .list .tit {margin-bottom:12px; font-size:16px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.ir-inquiry .list .txt {font-size:26px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.ir-inquiry .comment {text-align:center; margin-top:44px; font-size:22px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.top_button {position: fixed; right: 51px; bottom: 45px; z-index: 100; cursor: pointer;}
.top_button .pc_top {display: block;}
.top_button .mobile_top {display: none;}

/* ESG Governance */
.esg-tab {margin-bottom:60px;}
.esg-tab ul {display:flex; border-radius:32px; overflow:hidden; border:1px solid #ccc;}
.esg-tab ul li {flex:1; border-right:1px solid #ccc; cursor:pointer; transition:.2s;}
.esg-tab ul li:last-child {border-right:0;}
.esg-tab ul li a {display:flex; align-items:center; justify-content:center; height:64px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.esg-tab ul li.active {background:#e50012; border-color:#e50012;}
.esg-tab ul li.active + li {border-left-color:#e50012;}
.esg-tab ul li.active a {color:#fff;}
.esg-tab ul li:hover:not(.active) {background:#f4f4f4;}

.esg-content {display:none; padding-bottom:80px;}
.esg-content.active {display:block;}

.esg-section-title {margin-bottom:30px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.esg-section-title:before {margin-bottom:14px; content:""; display:block; width:7px; height:7px; border-radius:100%; background:#e50012;}

.esg-table {width:100%; border-collapse:collapse; text-align:left;}
.esg-table thead th {padding:16px 18px; font-size:14px; font-weight:700; color:#fff; background:#1e1e1e; border:1px solid #3a3a3a; text-align:left;}
.esg-table thead th.th-center {text-align:center;}
.esg-table tbody td {padding:16px 18px; font-size:14.5px; font-weight:400; color:#444; border:1px solid #e5e5e5; line-height:1.6em; vertical-align:middle; text-align:left;}
.esg-table tbody td.td-center {text-align:center;}
.esg-table tbody tr:nth-child(even) {background:#fafafa;}
.esg-table tbody tr:hover {background:#f3f3f3;}
.esg-table tbody td:first-child {font-weight:500; color:#1e1e1e;}
.esg-table .td-rate {font-family:Menlo,Consolas,monospace; font-weight:600; color:#1e1e1e; letter-spacing:.02em;}
.esg-table .esg-pill {display:inline-block; padding:5px 14px; font-size:12px; font-weight:700; border-radius:100px; letter-spacing:-.02em;}
.esg-table .esg-pill.pass {background:#e7f7ee; color:#008748;}
.esg-table .esg-pill.fail {background:#fff0f1; color:#c7000f;}

/* 주주총회 의결권 수 테이블 (10 columns: 의안/발행주식총수/찬성/반대/기권/Total/결과/찬성률/특수관계인 참석주식수/제외 후 참석률) */
.esg-table-vote {font-size:13px; min-width:1120px;}
.esg-table-vote thead th {padding:14px 9px; font-size:12.5px; white-space:nowrap; line-height:1.35em;}
.esg-table-vote tbody td {padding:12px 9px; font-size:13px;}
.esg-table-vote tbody td.td-num {font-family:Menlo,Consolas,monospace; font-size:12.5px; color:#333; white-space:nowrap; letter-spacing:.01em; text-align:right; padding-right:12px;}
.esg-table-vote .td-rate {font-size:12.5px; text-align:right; padding-right:12px; white-space:nowrap;}
.esg-table-vote .esg-pill {padding:4px 10px; font-size:11.5px;}
@media (max-width:900px) {
	.esg-table-vote {font-size:12px; min-width:1040px;}
	.esg-table-vote thead th {padding:10px 6px; font-size:11px;}
	.esg-table-vote tbody td {padding:10px 6px;}
	.esg-table-vote tbody td.td-num {font-size:11px; padding-right:8px;}
	.esg-table-vote .td-rate {font-size:11px; padding-right:8px;}
}

/* 배당 현황 테이블 (FY 5개년 · 구분/sub 라벨 좌측 + 데이터 5컬럼) */
.esg-table-dividend {table-layout:fixed; width:100%;}
.esg-table-dividend col.col-cat {width:12.5%;}
.esg-table-dividend col.col-sub {width:12.5%;}
.esg-table-dividend col.col-fy {width:15%;}
.esg-table-dividend thead th {padding:14px 12px; font-size:13.5px; white-space:nowrap;}
.esg-table-dividend tbody td {padding:14px 12px; font-size:14px;}
.esg-table-dividend tbody td.td-label {font-weight:600; color:#1e1e1e; background:#fafafa; text-align:center;}
.esg-table-dividend tbody td.td-sub {font-weight:500; color:#555; background:#fafafa; text-align:center;}
.esg-table-dividend tbody td.td-num {font-family:Menlo,Consolas,monospace; font-weight:600; color:#1e1e1e; letter-spacing:.02em; white-space:nowrap;}
.esg-table-dividend tbody td.td-dim {color:#bbb;}
.esg-table-dividend tbody tr:nth-child(even) {background:transparent;}
.esg-table-dividend tbody tr:hover {background:transparent;}
.esg-table-dividend tbody tr:hover td {background:#f6f6f6;}
.esg-table-dividend tbody tr:hover td.td-label,
.esg-table-dividend tbody tr:hover td.td-sub {background:#f0f0f0;}
@media (max-width:900px) {
	.esg-table-dividend {font-size:12px; min-width:720px;}
	.esg-table-dividend thead th {padding:10px 6px; font-size:11.5px;}
	.esg-table-dividend tbody td {padding:10px 6px; font-size:12.5px;}
}

/* Skills Matrix */
.matrix-section {margin-top:120px;}
.matrix-section .section-head {border-bottom:0; margin-bottom:28px; padding-bottom:0;}
.matrix-wrap {border:1px solid #e5e5e5; border-radius:16px; overflow:hidden;}
.matrix-header {display:grid; grid-template-columns:220px repeat(6, 1fr); background:#2c2c2c; color:#fff;}
.matrix-label-col {grid-column:1;}
.matrix-group {text-align:center; padding:16px 0 12px; border-left:1px solid rgba(255,255,255,.1);}
.matrix-group.g3 {grid-column:span 3;}
.matrix-group.g2 {grid-column:span 2;}
.matrix-group-title {font-size:12px; font-weight:600; color:rgba(255,255,255,.5); margin-bottom:10px; letter-spacing:.05em;}
.matrix-names {display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr));}
.matrix-names span {font-size:13px; font-weight:600; color:#fff; text-align:center;}
.matrix-row {display:grid; grid-template-columns:220px repeat(6, 1fr); align-items:center; border-bottom:1px solid #f0f0f0; transition:.2s;}
.matrix-row:last-child {border-bottom:0;}
.matrix-row:hover {background:#fafafa;}
.matrix-label {padding:18px 24px; font-size:15px; font-weight:600; color:#2c2c2c;}
.matrix-dots {display:contents;}
.matrix-dots .dot {display:flex; align-items:center; justify-content:center; padding:18px 0;}
.matrix-dots .dot:after {content:""; width:12px; height:12px; border-radius:50%; background:#e5e5e5; transition:.2s;}
.matrix-dots .dot.active:after {background:#e50012; box-shadow:0 0 0 4px rgba(229,0,18,.12);}

@media (max-width:768px) {
	.matrix-wrap {overflow-x:auto;}
	.matrix-header, .matrix-row {min-width:700px;}
	.matrix-label-col, .matrix-label {width:auto; font-size:13px;}
	.matrix-header {grid-template-columns:160px repeat(6, 1fr);}
	.matrix-row {grid-template-columns:160px repeat(6, 1fr);}
}

.committee-item {margin-bottom:60px;}
.committee-item:last-child {margin-bottom:0;}
.committee-item .esg-table tbody td:last-child {text-align:left;}

/* 섹션 구분 */
.board-section {margin-bottom:120px;}
.board-section:last-child {margin-bottom:0;}
.section-head {margin-bottom:24px; padding-bottom:16px; border-bottom:2px solid #2c2c2c; display:flex; align-items:center; justify-content:space-between;}
.section-badge {font-size:24px; font-weight:700; color:#2c2c2c; letter-spacing:-.04em; line-height:1.4em;}
.section-count {font-size:14px; font-weight:600; color:#878787;}
.section-badge.type-sub {color:#2c2c2c;}

/* 사내이사 카드 */
.board-member-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.member-card {padding:32px; background:#fff; border:1px solid #e5e5e5; border-left:4px solid #e50012; border-radius:4px 16px 16px 4px; transition:.3s; display:flex; flex-direction:column;}
.member-card:hover {box-shadow:0 12px 32px rgba(0,0,0,.06); transform:translateY(-3px);}
.member-card.chairman {border-left-color:#e50012; background:#fafafa;}
.member-card.chairman .member-name small {color:#e50012; font-weight:600;}
.member-card-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #eee;}
.member-name {font-size:24px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1;}
.member-name small {font-size:13px; font-weight:500; color:#888; margin-left:12px; font-style:normal;}
.member-card-top small {font-size:13px; font-weight:500; color:#888; white-space:nowrap; flex-shrink:0;}
.member-card.chairman .member-card-top small {color:#e50012; font-weight:600;}
.member-term {font-size:13px; font-weight:500; color:#aaa; white-space:nowrap; flex-shrink:0;}
.member-career {display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:20px;}
.member-career li {display:flex; align-items:center; gap:10px; font-size:14px; color:#888; line-height:1.5em;}
.member-career li em {flex-shrink:0; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; background:#f4f4f4; color:#aaa; font-size:11px; font-weight:700; font-style:normal; border-radius:5px;}
.member-career li.current {color:#2c2c2c; font-weight:600;}
.member-career li.current em {background:#e50012; color:#fff;}

/* 기타비상무 + 사외이사 그리드 */
.board-sub-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
.sub-member {padding:28px 20px; background:#fff; border:1px solid #e5e5e5; border-left:4px solid #e5e5e5; border-radius:4px 16px 16px 4px; text-align:center; transition:.3s; display:flex; flex-direction:column; min-height:260px;}
.sub-member:hover {box-shadow:0 12px 32px rgba(0,0,0,.06); transform:translateY(-3px);}
.sub-type {display:inline-block; margin-bottom:14px; font-size:11px; font-weight:600; color:#666; letter-spacing:-.02em;}
.sub-name {font-size:24px; font-weight:700; color:#2c2c2c; margin-bottom:12px; letter-spacing:-.03em;}
.sub-career {display:flex; flex-direction:column; gap:5px; margin-bottom:12px; text-align:left; flex:1;}
.sub-career li {display:flex; align-items:center; gap:6px; font-size:12px; color:#666; line-height:1.5em;}
.sub-career li em {flex-shrink:0; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; background:#f0f0f0; color:#888; font-size:10px; font-weight:700; font-style:normal; border-radius:4px;}

@media (max-width:1024px) {
	.esg-tab ul {border-radius:16px;}
	.esg-tab ul li a {height:52px; font-size:15px; padding:0 8px;}
	.board-member-grid {grid-template-columns:repeat(2, 1fr);}
	.board-sub-grid {grid-template-columns:repeat(3, 1fr);}
	.cmt-header {padding:24px;}
	.cmt-roles {padding:20px 24px;}
}
@media (max-width:768px) {
	.esg-tab ul {flex-direction:column; border-radius:12px;}
	.esg-tab ul li {flex:none; width:100%; border-right:0; border-bottom:1px solid #ccc;}
	.esg-tab ul li:last-child {border-bottom:0;}
	.esg-tab ul li.active + li {border-left-color:#ccc;}
	.esg-tab ul li a {height:48px; font-size:14px; padding:0 12px; text-align:center; line-height:1.3em;}
	.esg-matrix thead th {font-size:12px; padding:10px 4px;}
	.esg-matrix tbody td {font-size:14px; padding:10px 4px;}
	.esg-table thead th {font-size:13px; padding:12px 8px;}
	.esg-table tbody td {font-size:13px; padding:12px 8px;}
	.board-sub-grid {grid-template-columns:repeat(2, 1fr);}
	.cmt-title {font-size:20px;}
	.cmt-members-inline {gap:8px;}
	.cmt-member {padding:6px 12px; font-size:13px;}
}
@media (max-width:640px) {
	.board-member-grid {grid-template-columns:1fr;}
	.board-sub-grid {grid-template-columns:1fr;}
	.section-head {flex-wrap:wrap; gap:8px;}
}

/* 위원회 카드 v2 */
.esg-committee-v2 {display:flex; flex-direction:column; gap:24px;}
.cmt-card {position:relative; background:#fff; border:1px solid #e5e5e5; border-radius:16px; overflow:hidden; transition:.3s;}
.cmt-card:hover {box-shadow:0 8px 24px rgba(0,0,0,.06);}
.cmt-header {padding:32px 36px; border-bottom:1px solid #f0f0f0;}
.cmt-title-area {display:flex; align-items:center; justify-content:flex-start; gap:14px; margin-bottom:20px; padding-right:140px;}
.cmt-title {margin:0; font-size:24px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em;}
.cmt-count {font-size:14px; font-weight:600; color:#878787;}
.cmt-members-inline {display:flex; flex-wrap:wrap; gap:10px;}
.cmt-member {display:inline-flex; align-items:center; padding:8px 16px; background:#f5f5f5; border-radius:8px; font-size:14px; color:#666; line-height:1.4em;}
.cmt-member strong {font-weight:700; color:#2c2c2c; margin-right:4px;}
.cmt-roles {padding:28px 36px;}
.cmt-roles ul {display:flex; flex-direction:column; gap:14px;}
.cmt-roles ul li {position:relative; padding-left:20px; font-size:15px; color:#555; line-height:1.7em;}
.cmt-roles ul li:before {content:""; position:absolute; left:0; top:12px; width:8px; height:2px; background:#2c2c2c;}
.cmt-download {position:absolute; top:28px; right:36px; padding:0; background:transparent; border:0; z-index:2;}
.cmt-download .esg-download-btn {height:34px; padding:0 16px; margin-top:0; font-size:12.5px; font-weight:600; background:#fff; color:#e50012; border:1px solid #e50012; box-shadow:none;}
.cmt-download .esg-download-btn:hover {background:#e50012; color:#fff; transform:none; box-shadow:0 4px 12px rgba(229,0,18,.22);}
@media (max-width:720px) {
	.cmt-download {position:static; padding:14px 20px 18px; text-align:center; border-top:1px dashed #eee; background:#fafafa;}
	.cmt-download .esg-download-btn {width:100%; justify-content:center; height:38px;}
}

@media (max-width:1024px) {
	.board-card-list {grid-template-columns:repeat(2, 1fr);}
	.cmt-header {padding:24px;}
	.cmt-roles {padding:20px 24px;}
}
@media (max-width:640px) {
	.board-card-list {grid-template-columns:1fr;}
	.board-group-head {flex-direction:column; align-items:flex-start; gap:10px;}
	.cmt-title {font-size:20px;}
	.cmt-members-inline {gap:8px;}
	.cmt-member {padding:6px 12px; font-size:13px;}
}

.esg-download-btn {display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 36px; margin-top:8px; background:#e50012; color:#fff; font-size:15px; font-weight:700; border:1px solid #e50012; border-radius:100px; transition:.2s; letter-spacing:-.02em;}
.esg-download-btn:hover {background:#c7000f; border-color:#c7000f; color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(229,0,18,.28);}
.esg-download-btn .btn-icon {font-size:18px; line-height:1;}

.esg-document {text-align:center; padding:60px 0;}
.doc-box {display:inline-flex; flex-direction:column; align-items:center; padding:56px 80px; border:1px solid #e5e5e5; border-radius:16px; background:#fff; transition:.2s;}
.doc-box:hover {border-color:#e50012; box-shadow:0 12px 32px rgba(0,0,0,.05);}
.doc-box .doc-icon {margin-bottom:18px; font-size:48px; color:#e50012;}
.doc-box .doc-icon img {max-width:60px; height:auto;}
.doc-box .doc-name {margin-bottom:6px; font-size:22px; font-weight:700; color:#1e1e1e; letter-spacing:-.03em;}
.doc-box .doc-meta {margin-bottom:24px; font-size:12px; color:#888; letter-spacing:.02em;}

/* compact variant — 이사회 규정 다운로드 등 상단 블록과 충분한 간격 + 박스/버튼 크기 축소 */
.esg-document.compact {padding:120px 0 40px;}
.esg-document.compact .doc-box {padding:32px 48px;}
.esg-document.compact .doc-box .doc-icon {margin-bottom:10px;}
.esg-document.compact .doc-box .doc-icon img {max-width:42px;}
.esg-document.compact .doc-box .doc-name {font-size:17px; margin-bottom:4px;}
.esg-document.compact .doc-box .doc-meta {font-size:11.5px; margin-bottom:16px;}
.esg-document.compact .doc-box .esg-download-btn {height:42px; padding:0 24px; font-size:13px;}
@media (max-width:720px) {
	.esg-document.compact {padding:80px 0 30px;}
	.esg-document.compact .doc-box {padding:28px 24px;}
}
@media (max-width:640px){
	.esg-document {padding:40px 0;}
	.doc-box {padding:40px 28px; width:100%; box-sizing:border-box;}
	.doc-box .doc-name {font-size:18px;}
	.esg-download-btn {width:100%; justify-content:center; padding:0 24px;}
}

/* ===== 윤리강령 v2 (풀폭 카드 레이아웃) ===== */
.ethics-code {max-width:none; width:100%; margin:0; padding:0 0 40px;}
.ethics-code .ethics-chapter {margin-bottom:50px;}
.ethics-code .ethics-chapter:last-child {margin-bottom:0;}
.ethics-code .esg-section-title {display:flex; align-items:center; gap:14px; margin-bottom:20px; padding:16px 24px; font-size:18px; font-weight:700; color:#fff; letter-spacing:-.03em; line-height:1.4em; background:#1e1e1e; border-radius:8px 8px 0 0;}
.ethics-code .esg-section-title:before {content:""; display:block; width:4px; height:20px; background:#e50012; border-radius:2px;}
.ethics-article {display:grid; grid-template-columns:220px 1fr; gap:24px; padding:22px 28px; background:#fff; border:1px solid #eee; border-top:0; transition:.2s;}
.ethics-article:hover {background:#fafafa;}
.ethics-article:last-child {border-radius:0 0 8px 8px;}
.ethics-article:not(:last-child) {border-bottom:0;}
.ethics-article dt {position:relative; margin:0; padding-left:12px; font-size:15px; font-weight:700; color:#1e1e1e; letter-spacing:-.02em; line-height:1.55em;}
.ethics-article dt:before {content:""; position:absolute; left:0; top:8px; width:3px; height:14px; background:#e50012; border-radius:2px;}
.ethics-article dd {margin:0; font-size:15px; font-weight:400; color:#444; line-height:1.9em;}
.ethics-note {margin-top:40px; padding:20px; text-align:center; font-size:14px; color:#878787; background:#fafafa; border-radius:8px;}
@media (max-width:768px){
	.ethics-code .esg-section-title {font-size:16px; padding:14px 18px;}
	.ethics-article {grid-template-columns:1fr; gap:8px; padding:18px 20px;}
	.ethics-article dt {font-size:14px;}
	.ethics-article dd {font-size:14px; line-height:1.8em;}
}

/* ESG 페이지 풀폭 (sub06_04, sub06_05) */
.esg-content .contain {max-width:none; padding-left:0; padding-right:0;}
.ethics-report {max-width:none; margin:0; padding:0 0 40px;}

/* ===== 윤리위반 신고 v2 (clean w/ subtle glow) ===== */
/* Hero — 다크 그라데이션 + 은은한 레드 글로우 1곳 */
.ereport-hero {margin-bottom:80px;}
.ereport-hero-inner {display:grid; grid-template-columns:1.6fr 1fr; gap:60px; align-items:center; padding:72px 72px; background:linear-gradient(120deg, #1a1a1a 0%, #1e1e1e 55%, #2a0008 100%); border-radius:20px; position:relative; overflow:hidden;}
.ereport-hero-inner:before {content:""; position:absolute; top:-80px; right:-60px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(229,0,18,.22) 0%, transparent 65%); pointer-events:none;}
.ereport-hero-inner:after {content:""; position:absolute; left:0; top:24px; bottom:24px; width:3px; background:#e50012; border-radius:0 2px 2px 0;}
.ereport-hero-left {position:relative; z-index:1;}
.ereport-hero-tag {display:inline-block; padding:6px 14px; margin-bottom:22px; background:rgba(229,0,18,.12); color:#ff6b7a; font-size:11px; font-weight:700; letter-spacing:.2em; border:1px solid rgba(229,0,18,.4); border-radius:4px;}
.ereport-hero-title {margin-bottom:20px; font-size:38px; font-weight:700; color:#fff; letter-spacing:-.04em; line-height:1.35em;}
.ereport-hero-sub {font-size:15px; font-weight:400; color:#bbb; line-height:1.85em;}
.ereport-hero-right {position:relative; z-index:1; text-align:center;}
.ereport-hero-shield {display:inline-flex; align-items:center; justify-content:center; width:150px; height:150px; border-radius:50%; background:rgba(229,0,18,.08); border:1.5px solid rgba(229,0,18,.3); box-shadow:0 16px 40px rgba(229,0,18,.18);}
.ereport-hero-shield span {font-size:64px; opacity:.95; filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));}

/* Section heading — 장식선 제거, 좌측 레드 바 포인트 */
.ereport-section {margin-bottom:80px;}
.ereport-section:last-of-type {margin-bottom:60px;}
.ereport-section-head {margin-bottom:36px; text-align:center;}
.ereport-section-tag {display:inline-block; margin-bottom:10px; font-size:12px; font-weight:700; color:#e50012; letter-spacing:.2em;}
.ereport-section-title {margin-bottom:10px; font-size:28px; font-weight:700; color:#1e1e1e; letter-spacing:-.03em;}
.ereport-section-desc {font-size:14px; color:#888; line-height:1.6em;}

/* 제보 유형 - 8 cards (미니멀) */
.ereport-type-gallery {display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}
.ereport-type-gallery li {position:relative; padding:28px 22px; background:#fff; border:1px solid #eee; border-radius:8px; transition:.2s; min-height:150px;}
.ereport-type-gallery li:hover {border-color:#1e1e1e; background:#fafafa;}
.ereport-type-gallery .num {position:absolute; top:14px; right:18px; font-size:11px; font-weight:700; color:#ccc; letter-spacing:.08em;}
.ereport-type-gallery li:hover .num {color:#e50012;}
.ereport-type-gallery .icon {display:block; margin-bottom:16px; font-size:26px; line-height:1;}
.ereport-type-gallery h5 {margin:0; font-size:15px; font-weight:600; color:#1e1e1e; letter-spacing:-.02em; line-height:1.5em;}

/* 제보자 보호 기준 - 3 pillars (심플) */
.ereport-pillars {display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
.ereport-pillars li {padding:40px 28px 34px; background:#fff; border:1px solid #eee; border-radius:8px; text-align:center; transition:.2s;}
.ereport-pillars li:hover {border-color:#1e1e1e;}
.ereport-pillars .p-icon {display:block; margin-bottom:18px; font-size:40px; line-height:1;}
.ereport-pillars h5 {margin-bottom:12px; font-size:18px; font-weight:700; color:#1e1e1e; letter-spacing:-.02em;}
.ereport-pillars p {font-size:14px; color:#666; line-height:1.75em;}

/* 제보 참고사항 - 2x2 그리드 (간소화) */
.ereport-notes-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:12px;}
.ereport-notes-grid li {display:flex; gap:16px; padding:22px 26px; background:#fafafa; border-radius:8px; transition:.2s;}
.ereport-notes-grid li:hover {background:#f0f0f0;}
.ereport-notes-grid .n-num {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#1e1e1e; color:#fff; font-size:12px; font-weight:700;}
.ereport-notes-grid p {flex:1; margin:0; font-size:14px; color:#444; line-height:1.7em;}
.ereport-notes-grid p strong {color:#1e1e1e; font-weight:600;}

/* CTA banner — 심플 다크 */
.ereport-cta {margin-top:30px;}
.ereport-cta-inner {display:flex; align-items:center; justify-content:space-between; gap:40px; padding:48px 60px; background:#1e1e1e; border-radius:16px;}
.ereport-cta-text {position:relative;}
.ereport-cta-text .cta-lead {margin-bottom:8px; font-size:14px; color:#888;}
.ereport-cta-text .cta-title {margin-bottom:10px; font-size:26px; font-weight:700; color:#fff; letter-spacing:-.03em; line-height:1.35em;}
.ereport-cta-text .cta-foot {font-size:12px; color:#777;}
.ereport-cta-btn {display:inline-flex; align-items:center; gap:10px; flex-shrink:0; height:56px; padding:0 40px; background:#e50012; color:#fff; font-size:15px; font-weight:700; border-radius:4px; transition:.2s;}
.ereport-cta-btn:hover {background:#c7000f; color:#fff;}
.ereport-cta-btn span {font-size:18px; transition:.2s;}
.ereport-cta-btn:hover span {transform:translateX(4px);}

/* ===== 제보 조회 (TAB 3) ===== */
.ethics-lookup {max-width:none; width:100%; margin:0; padding:0 0 40px;}
.elookup-head {margin-bottom:40px; text-align:center;}

.elookup-form {max-width:560px; margin:0 auto 30px; padding:36px 40px; background:#fafafa; border-radius:12px;}
.elookup-field-row {display:flex; flex-direction:column; gap:18px; margin-bottom:22px;}
.elookup-field dt {margin-bottom:8px;}
.elookup-field dt label {font-size:13px; font-weight:700; color:#1e1e1e; letter-spacing:-.02em;}
.elookup-field dt .req {margin-left:3px; color:#e50012;}
.elookup-field dd input {width:100%; padding:14px 16px; font-size:14px; border:1px solid #e0e0e0; border-radius:6px; background:#fff; box-sizing:border-box; font-family:inherit; transition:.2s;}
.elookup-field dd input:focus {outline:none; border-color:#1e1e1e; box-shadow:0 0 0 3px rgba(30,30,30,.06);}
.elookup-submit-row {text-align:center; margin-bottom:18px;}
.elookup-btn {display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:52px; padding:0 32px; background:#1e1e1e; color:#fff; font-size:14px; font-weight:700; border:0; border-radius:6px; cursor:pointer; transition:.2s; letter-spacing:-.02em;}
.elookup-btn:hover:not(:disabled) {background:#000;}
.elookup-btn:disabled {background:#aaa; cursor:not-allowed;}
.elookup-note {margin:0; font-size:12px; color:#888; text-align:center; line-height:1.7em;}

.elookup-result {margin-top:28px;}
.elookup-card {padding:40px 44px; background:#fff; border:1px solid #eee; border-radius:12px;}
.elookup-card.is-pending {border-top:4px solid #e50012;}
.elookup-card.is-done {border-top:4px solid #00a060;}
.elookup-card-head {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; flex-wrap:wrap;}
.elookup-state-tag {display:inline-flex; align-items:center; padding:7px 14px; font-size:12px; font-weight:700; letter-spacing:-.02em; border-radius:100px;}
.elookup-card.is-pending .elookup-state-tag {background:#fff0f1; color:#e50012;}
.elookup-card.is-done .elookup-state-tag {background:#e7f7ee; color:#008748;}
.elookup-rno {font-family:Menlo,Consolas,monospace; font-size:13px; color:#666; letter-spacing:.02em;}
.elookup-card-title {margin:0 0 22px; padding-bottom:18px; font-size:20px; font-weight:700; color:#1e1e1e; letter-spacing:-.03em; line-height:1.4em; border-bottom:1px solid #eee;}
.elookup-meta {list-style:none; padding:0; margin:0;}
.elookup-meta li {display:grid; grid-template-columns:120px 1fr; gap:16px; padding:10px 0; font-size:14px; line-height:1.6em;}
.elookup-meta li em {font-style:normal; font-weight:700; color:#888; font-size:13px;}
.elookup-meta li span {color:#1e1e1e;}
/* 조회 결과 섹션 (제보 내용 / 담당자 답변 공통) */
.elookup-section {margin-top:24px; padding-top:24px; border-top:1px solid #eee;}
.elookup-section-head {display:flex; align-items:baseline; gap:12px; margin-bottom:14px;}
.elookup-section-tag {display:inline-block; padding:3px 10px; font-size:10.5px; font-weight:800; letter-spacing:.15em; color:#888; background:#f3f3f3; border-radius:3px;}
.elookup-section-tag.is-red {color:#fff; background:#e50012;}
.elookup-section-head h5 {margin:0; font-size:15px; font-weight:700; color:#1e1e1e; letter-spacing:-.02em;}
.elookup-section-body {font-size:14.5px; color:#2c2c2c; line-height:1.85em; white-space:pre-wrap;}
.elookup-contents {padding:18px 20px; background:#fafafa; border-radius:8px; color:#444;}
.elookup-section-reply {margin-top:28px; padding-top:0; border-top:0;}
.elookup-section-reply .elookup-section-body {padding:20px 22px; background:#fff5f6; border:1px solid #ffd5d9; border-left:4px solid #e50012; border-radius:8px; color:#1e1e1e; font-weight:500;}

/* 검토 중 / 답변 없음 안내 */
.elookup-pending-note {display:flex; align-items:flex-start; gap:14px; margin-top:28px; padding:20px 22px; background:#fff9e6; border:1px solid #ffe8a3; border-radius:8px;}
.elookup-pending-note .pending-icon {font-size:24px; line-height:1.3; flex-shrink:0;}
.elookup-pending-note p {margin:0; font-size:13.5px; color:#665500; line-height:1.75em;}
.elookup-foot-note {margin:0; padding:14px 18px; background:#fafafa; border-radius:6px; font-size:13px; color:#666; line-height:1.7em;}
.elookup-back-row {margin-top:24px; text-align:center;}
.elookup-back-btn {display:inline-flex; align-items:center; justify-content:center; min-width:160px; height:44px; padding:0 24px; background:#fff; color:#1e1e1e; font-size:13px; font-weight:700; border:1px solid #1e1e1e; border-radius:6px; cursor:pointer; transition:.15s; letter-spacing:-.02em;}
.elookup-back-btn:hover {background:#1e1e1e; color:#fff;}

.elookup-error {margin-top:22px; padding:18px 22px; background:#fff5f6; border:1px solid #ffd5d9; border-radius:8px; color:#c7000f; font-size:14px; text-align:center; line-height:1.6em;}

@media (max-width:768px) {
	.elookup-form {padding:28px 22px;}
	.elookup-field-row {grid-template-columns:1fr; gap:14px;}
	.elookup-card {padding:28px 22px;}
	.elookup-meta li {grid-template-columns:1fr; gap:4px; padding:8px 0; border-bottom:1px dashed #f0f0f0;}
	.elookup-btn {width:100%;}
}

/* ===== 윤리위반 제보 모달 ===== */
.ereport-modal {max-width:780px; width:94%; padding:0; background:#fff; border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.25); overflow:hidden; position:relative;}

/* AJAX 로딩 오버레이 */
.ereport-loading-overlay {position:absolute; top:0; left:0; right:0; bottom:0; z-index:20; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; background:rgba(255,255,255,.96); border-radius:20px; backdrop-filter:blur(2px);}
.ereport-loading-overlay p {margin:0; font-size:15px; font-weight:700; color:#2c2c2c; letter-spacing:-.02em;}
.ereport-loading-overlay .ereport-loading-sub {font-size:12px; color:#888; font-weight:400;}
.ereport-spinner {width:52px; height:52px; border:4px solid #f5f5f5; border-top-color:#e50012; border-radius:50%; animation:ereport-spin 0.8s linear infinite;}
@keyframes ereport-spin { to { transform: rotate(360deg); } }
.jquery-modal.blocker {background:rgba(0,0,0,.65);}
.ereport-modal .close-modal {top:14px; right:14px; width:30px; height:30px;}
.ereport-modal-head {padding:16px 36px 14px; background:#1e1e1e; color:#fff; position:relative; border-left:3px solid #e50012;}
.ereport-modal-head h3 {margin-bottom:2px; font-size:17px; font-weight:700; color:#fff; letter-spacing:-.02em;}
.ereport-modal-head p {font-size:12.5px; color:#aaa;}

.ereport-modal-body {padding:26px 36px 6px; max-height:68vh; overflow-y:auto;}
/* 2열 그리드 — 짧은 필드는 col-span-1, 긴 필드(제목/유형/상세)는 col-span-2 */
.ereport-field-grid {display:grid; grid-template-columns:1fr 1fr; gap:16px 18px;}
.ereport-field-grid .col-span-2 {grid-column:span 2;}
.ereport-field {margin:0;}
.ereport-field dt {margin-bottom:6px;}
.ereport-field dt label {font-size:14px; font-weight:700; color:#2c2c2c; letter-spacing:-.02em;}
.ereport-field dt .req {margin-left:3px; color:#e50012; font-weight:700;}
.ereport-field dt .req-opt {margin-left:6px; font-size:12px; font-weight:500; color:#888;}
.ereport-field dd input[type="text"],
.ereport-field dd input[type="password"],
.ereport-field dd select {width:100%; height:44px; padding:0 14px; font-size:13.5px; border:1px solid #e0e0e0; border-radius:6px; background:#fafafa; color:#2c2c2c; transition:.15s; box-sizing:border-box; font-family:inherit;}
.ereport-field dd textarea {width:100%; padding:11px 14px; font-size:13.5px; border:1px solid #e0e0e0; border-radius:6px; background:#fafafa; color:#2c2c2c; transition:.15s; box-sizing:border-box; font-family:inherit;}
.ereport-field dd input[type="text"]:focus,
.ereport-field dd input[type="password"]:focus,
.ereport-field dd select:focus,
.ereport-field dd textarea:focus {outline:none; border-color:#1e1e1e; background:#fff; box-shadow:0 0 0 2px rgba(0,0,0,.06);}
.ereport-field dd select {appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23878787' d='M6 8L0 0h12z'/></svg>"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px;}
.ereport-field dd textarea {resize:vertical; min-height:110px; line-height:1.65em;}
/* 커스텀 파일 업로드 UI */
.ereport-file-input {position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none;}
.ereport-file-label {display:flex; align-items:center; gap:10px; width:100%; height:44px; padding:0 14px; border:1px dashed #d0d0d0; border-radius:6px; background:#fafafa; color:#888; font-size:13px; font-weight:500; cursor:pointer; transition:.2s; box-sizing:border-box;}
.ereport-file-label:hover {border-color:#1e1e1e; background:#f3f3f3; color:#1e1e1e;}
.ereport-file-label .file-icon {font-size:16px; flex-shrink:0; line-height:1;}
.ereport-file-label .file-text {flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.ereport-file-label .file-size {flex-shrink:0; font-size:11px; font-weight:600; color:#aaa; padding:3px 8px; background:#eee; border-radius:10px;}
.ereport-file-label.has-file {border-color:#e50012; border-style:solid; background:#fff5f6; color:#1e1e1e;}
.ereport-file-label.has-file .file-icon {color:#e50012;}
.ereport-file-label.has-file .file-size {background:#e50012; color:#fff;}
.ereport-field-note {margin:4px 0 0; font-size:11.5px; color:#888; line-height:1.5em;}
.ereport-field-note-hint {margin:14px 0 6px; padding:10px 14px; font-size:12px; color:#666; background:#fafafa; border-radius:6px; line-height:1.6em;}
.ereport-field-note-hint strong {color:#1e1e1e;}

.ereport-modal-note {margin:8px 0 6px; padding:11px 14px; font-size:11.5px; color:#666; background:#fff5f6; border-left:3px solid #e50012; border-radius:4px; line-height:1.65em;}

.ereport-modal-foot {display:flex; justify-content:flex-end; gap:8px; padding:16px 36px 20px; border-top:1px solid #eee; background:#fff;}
.ereport-modal-foot button {height:44px; padding:0 28px; font-size:14px; font-weight:700; border:0; border-radius:6px; cursor:pointer; transition:.15s; letter-spacing:-.02em;}
.ereport-modal-foot .btn-cancel {background:#fff; color:#666; border:1px solid #ddd;}
.ereport-modal-foot .btn-cancel:hover {background:#f5f5f5; color:#1e1e1e;}
.ereport-modal-foot .btn-submit {background:#e50012; color:#fff;}
.ereport-modal-foot .btn-submit:hover {background:#c7000f;}

@media (max-width:640px) {
	.ereport-modal {max-width:none; width:96%; border-radius:12px;}
	.ereport-modal-head {padding:18px 22px 14px;}
	.ereport-modal-head h3 {font-size:17px;}
	.ereport-modal-body {padding:20px 22px 4px; max-height:60vh;}
	.ereport-field-grid {grid-template-columns:1fr; gap:14px;}
	.ereport-field-grid .col-span-2 {grid-column:span 1;}
	.ereport-modal-foot {padding:14px 22px 18px; flex-direction:column-reverse; gap:8px;}
	.ereport-modal-foot button {width:100%;}
}

/* ===== 제보 접수 완료/오류 모달 ===== */
.ereport-success-modal {max-width:520px; width:92%; padding:50px 44px 40px; background:#fff; border-radius:24px; box-shadow:0 24px 60px rgba(0,0,0,.28); text-align:center;}
.ereport-success-modal .close-modal {top:18px; right:18px; width:30px; height:30px;}
.ereport-success-modal .success-icon {display:inline-flex; align-items:center; justify-content:center; width:84px; height:84px; margin-bottom:24px; border-radius:50%; background:linear-gradient(135deg, #00c473 0%, #008f53 100%); box-shadow:0 12px 28px rgba(0,143,83,.32);}
.ereport-success-modal .success-icon span {font-size:46px; font-weight:900; color:#fff; line-height:1;}
.ereport-success-modal.ereport-error-modal .success-icon {background:linear-gradient(135deg, #e50012 0%, #a3000d 100%); box-shadow:0 12px 28px rgba(229,0,18,.32);}
.ereport-success-modal .success-title {margin-bottom:14px; font-size:24px; font-weight:800; color:#2c2c2c; letter-spacing:-.04em; line-height:1.4em;}
.ereport-success-modal .success-sub {font-size:14px; color:#666; line-height:1.85em; margin-bottom:28px;}

.ereport-success-modal .success-receipt-box {margin-bottom:24px; padding:24px 26px; background:linear-gradient(135deg, #fff5f6 0%, #fff 100%); border:1.5px dashed #e50012; border-radius:16px; text-align:left;}
.ereport-success-modal .receipt-label {display:block; margin-bottom:10px; font-size:11px; font-weight:700; color:#e50012; letter-spacing:.18em;}
.ereport-success-modal .receipt-row {display:flex; align-items:center; justify-content:space-between; gap:12px;}
.ereport-success-modal .receipt-no {flex:1; font-family:Menlo,Consolas,monospace; font-size:21px; font-weight:800; color:#2c2c2c; letter-spacing:.04em; word-break:break-all;}
.ereport-success-modal .receipt-copy-btn {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; height:38px; padding:0 16px; background:#2c2c2c; color:#fff; font-size:12px; font-weight:700; border:0; border-radius:100px; cursor:pointer; transition:.2s; letter-spacing:-.02em;}
.ereport-success-modal .receipt-copy-btn:hover {background:#000;}
.ereport-success-modal .receipt-copy-btn.done {background:#00a060;}

.ereport-success-modal .success-note {padding:14px 18px; margin-bottom:28px; background:#fafafa; border-left:3px solid #888; border-radius:8px; font-size:12px; color:#666; line-height:1.75em; text-align:left;}

.ereport-success-modal .success-foot {text-align:center;}
.ereport-success-modal .btn-confirm {height:54px; padding:0 56px; background:#e50012; color:#fff; font-size:15px; font-weight:700; border:0; border-radius:100px; cursor:pointer; box-shadow:0 8px 20px rgba(229,0,18,.28); transition:.2s; letter-spacing:-.02em;}
.ereport-success-modal .btn-confirm:hover {background:#c7000f; transform:translateY(-2px); box-shadow:0 12px 26px rgba(229,0,18,.42);}

@media (max-width:640px) {
	.ereport-success-modal {max-width:none; width:94%; padding:38px 24px 30px; border-radius:18px;}
	.ereport-success-modal .success-icon {width:68px; height:68px;}
	.ereport-success-modal .success-icon span {font-size:36px;}
	.ereport-success-modal .success-title {font-size:20px;}
	.ereport-success-modal .success-sub {font-size:13px;}
	.ereport-success-modal .receipt-no {font-size:17px;}
	.ereport-success-modal .receipt-row {flex-wrap:wrap;}
	.ereport-success-modal .receipt-copy-btn {width:100%; height:36px;}
	.ereport-success-modal .btn-confirm {width:100%;}
}

@media (max-width:1200px) {
	.ereport-type-gallery {grid-template-columns:repeat(3, 1fr);}
	.ereport-hero-inner {padding:60px 50px;}
	.ereport-cta-inner {padding:40px 48px;}
}
@media (max-width:1024px) {
	.ereport-hero-inner {grid-template-columns:1fr; text-align:center; padding:50px 36px; gap:32px;}
	.ereport-hero-title {font-size:28px;}
	.ereport-hero-shield {width:110px; height:110px;}
	.ereport-hero-shield span {font-size:48px;}
	.ereport-type-gallery {grid-template-columns:repeat(2, 1fr);}
	.ereport-pillars {grid-template-columns:1fr; gap:12px;}
	.ereport-notes-grid {grid-template-columns:1fr;}
	.ereport-cta-inner {flex-direction:column; padding:40px 28px; text-align:center; gap:24px;}
	.ereport-cta-text .cta-title {font-size:22px;}
	.ereport-section-title {font-size:24px;}
	.ereport-section {margin-bottom:60px;}
	.ereport-hero {margin-bottom:60px;}
}
@media (max-width:640px) {
	.ereport-hero-inner {padding:36px 22px; border-radius:14px;}
	.ereport-hero-title {font-size:22px;}
	.ereport-hero-sub {font-size:13px;}
	.ereport-hero-shield {width:90px; height:90px;}
	.ereport-hero-shield span {font-size:40px;}
	.ereport-section-title {font-size:20px;}
	.ereport-type-gallery {grid-template-columns:1fr;}
	.ereport-type-gallery li {min-height:auto; padding:22px 20px;}
	.ereport-pillars li {padding:32px 22px 26px;}
	.ereport-pillars .p-icon {font-size:34px;}
	.ereport-pillars h5 {font-size:16px;}
	.ereport-notes-grid li {padding:18px 20px; gap:12px;}
	.ereport-notes-grid p {font-size:13px;}
	.ereport-cta-inner {padding:32px 22px; border-radius:12px;}
	.ereport-cta-text .cta-title {font-size:18px;}
	.ereport-cta-btn {width:100%; justify-content:center;}
}
/* ===== Environment 페이지 (ESG 환경경영 선언문) ===== */
.env-doc {max-width:none; width:100%; margin:0; padding:0 0 60px;}

/* 헤드라인 — 사이트 공용 ereport-section-head 톤 */
.env-doc .env-headline {margin-bottom:60px; padding-bottom:36px; border-bottom:1px solid #f0f0f0; text-align:center;}
.env-doc .env-tag {display:inline-block; margin-bottom:14px; font-size:12px; font-weight:700; color:#e50012; letter-spacing:.2em;}
.env-doc .env-headline-title {margin:0; font-size:28px; font-weight:700; color:#1e1e1e; letter-spacing:-.03em; line-height:1.4em;}

/* 섹션 — .ethics-code .esg-section-title 톤 (검정 헤더 + 빨간 액센트 바) */
.env-doc .env-section {margin-bottom:30px;}
.env-doc .env-section:last-of-type {margin-bottom:0;}
.env-doc .env-section-title {display:flex; align-items:center; gap:14px; margin:0; padding:16px 24px; font-size:18px; font-weight:700; color:#fff; letter-spacing:-.03em; line-height:1.4em; background:#1e1e1e; border-radius:8px 8px 0 0;}
.env-doc .env-section-title:before {content:""; display:block; width:4px; height:20px; background:#e50012; border-radius:2px; flex-shrink:0;}
.env-doc .env-section-body {padding:30px 36px; background:#fff; border:1px solid #e5e5e5; border-top:0; border-radius:0 0 8px 8px; font-size:15px; color:#505050; line-height:1.95em; letter-spacing:-.02em;}
.env-doc .env-section-body p {margin:0;}
.env-doc .env-section-body p + p {margin-top:14px;}
.env-doc .env-section-body strong {color:#2c2c2c; font-weight:700;}
.env-doc .env-section-lead {margin-bottom:22px !important; color:#878787; font-size:14.5px;}

/* 4대 원칙 그리드 — ereport-pillars 톤 차용 (빨강 액센트) */
.env-principles {display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; margin-top:6px;}
.env-principle {position:relative; padding:26px 26px 24px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; transition:.25s;}
.env-principle:hover {border-color:#e50012; box-shadow:0 8px 22px rgba(229,0,18,.08); transform:translateY(-2px);}
.env-principle-head {display:flex; align-items:flex-start; gap:12px; margin-bottom:12px;}
.env-principle-num {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:24px; padding:0 9px; background:#e50012; color:#fff; font-size:12px; font-weight:700; letter-spacing:.04em; border-radius:6px;}
.env-principle-head h5 {margin:0; font-size:16px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1.45em;}
.env-principle-head h5 small {display:block; margin-top:4px; font-size:12px; font-weight:500; color:#e50012; letter-spacing:.02em;}
.env-principle p {margin:0; padding-left:44px; font-size:13.5px; color:#666; line-height:1.75em; letter-spacing:-.01em;}

/* 서명 */
.env-signature {margin:50px 0 30px; padding-top:30px; border-top:1px dashed #dfdfdf; text-align:right;}
.env-signature p {margin:0; line-height:1.9em; letter-spacing:.02em;}
.env-signature .env-date {font-size:14px; color:#878787;}
.env-signature .env-org {margin-top:8px; font-size:16px; font-weight:600; color:#2c2c2c;}
.env-signature .env-ceo {font-size:16px; color:#2c2c2c; letter-spacing:.04em;}
.env-signature .env-ceo strong {font-weight:700; letter-spacing:.12em; margin-left:4px;}

@media (max-width:900px) {
	.env-principles {grid-template-columns:1fr;}
}
@media (max-width:720px) {
	.env-doc .env-headline {margin-bottom:40px; padding-bottom:24px;}
	.env-doc .env-headline-title {font-size:22px;}
	.env-doc .env-section-title {padding:14px 18px; font-size:16px;}
	.env-doc .env-section-body {padding:22px 22px;}
	.env-principle {padding:22px 22px 20px;}
	.env-principle p {padding-left:0; margin-top:10px;}
	.env-signature {text-align:center;}
}

/* ===== Social 페이지 (sub06_03) — 기존 ESG 레드 시스템 톤 차용 ===== */
.soc-wrap {max-width:none; width:100%; margin:0; padding:0 0 20px;}

/* 상단 설명 박스 — 연한 레드 틴트 + 좌측 레드 바 */
.soc-intro {margin-bottom:44px; padding:26px 30px; background:#fdf3f4; border:1px solid #f6dde0; border-left:3px solid #e50012; border-radius:12px;}
.soc-intro-tit {margin-bottom:10px; font-size:15px; font-weight:700; color:#e50012; letter-spacing:-.02em; line-height:1.4em;}
.soc-intro p {margin:0; font-size:15px; color:#505050; line-height:1.85em; letter-spacing:-.02em;}

/* 정책 요약 카드 그리드 (Tab1 조항형 / Tab3 핵심영역형 공용) */
.soc-cards {display:grid; gap:16px;}
.soc-cards.col-1 {grid-template-columns:1fr;}
.soc-cards.col-2 {grid-template-columns:repeat(2, 1fr);}
.soc-card {position:relative; padding:24px 28px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; transition:.25s;}
.soc-card:hover {border-color:#e50012; box-shadow:0 8px 22px rgba(229,0,18,.08); transform:translateY(-2px);}
.soc-card-head {display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.soc-card-no {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-width:46px; height:26px; padding:0 10px; background:#e50012; color:#fff; font-size:12px; font-weight:700; letter-spacing:.02em; border-radius:6px;}
.soc-card-tit {margin:0; font-size:17px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1.4em;}
.soc-card ul {margin:0; padding:0; list-style:none;}
.soc-card ul li {position:relative; padding-left:16px; margin-bottom:7px; font-size:14px; color:#666; line-height:1.7em; letter-spacing:-.01em;}
.soc-card ul li:last-child {margin-bottom:0;}
.soc-card ul li:before {content:""; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:#e50012; opacity:.55;}

/* 공급망 행동규범 — 카테고리 + 태그 배지 (Tab2) */
.soc-cats {display:flex; flex-direction:column; gap:24px;}
.soc-cat {padding-bottom:24px; border-bottom:1px solid #eee;}
.soc-cat:last-child {padding-bottom:0; border-bottom:0;}
.soc-cat-tit {display:flex; align-items:center; gap:10px; margin-bottom:16px; font-size:16px; font-weight:700; color:#2c2c2c; letter-spacing:-.02em;}
.soc-cat-tit:before {content:""; flex-shrink:0; width:4px; height:16px; background:#e50012; border-radius:2px;}
.soc-tags {display:flex; flex-wrap:wrap; gap:10px;}
.soc-tag {display:inline-flex; align-items:center; padding:9px 18px; background:#f7f7f7; border:1px solid #ededed; border-radius:100px; font-size:14px; color:#505050; letter-spacing:-.02em; transition:.2s;}
.soc-tag:hover {background:#fff0f1; border-color:#f6c9ce; color:#e50012;}

/* 제정일 표기 */
.soc-enact {margin-top:34px; padding-top:22px; border-top:1px dashed #dfdfdf; text-align:right; font-size:13px; color:#888; letter-spacing:-.01em; line-height:1.5em;}

@media (max-width:768px) {
	.soc-cards.col-2 {grid-template-columns:1fr;}
	.soc-intro {margin-bottom:32px; padding:22px 22px;}
	.soc-card {padding:22px 22px;}
	.soc-enact {text-align:left;}
}

/* ===== ESG Overview - CEO Message (sub06_01) ===== */
.ceomsg {max-width:none; width:100%; margin:0; padding:0 0 40px;}
.ceomsg-title {margin-bottom:40px; font-size:36px; font-weight:700; color:#1a1a1a; letter-spacing:-.04em; line-height:1.3em;}
.ceomsg-body {display:flex; flex-wrap:nowrap; gap:56px; align-items:flex-start;}
.ceomsg-photo {flex:0 0 360px; width:360px; max-width:360px;}
.ceomsg-photo img {width:100%; max-width:360px; border-radius:4px; display:block;}
.ceomsg-sign {display:flex; align-items:center; gap:22px; margin-top:22px;}
.ceomsg-sign .name-block .role {margin-bottom:6px; font-size:14px; color:#888; letter-spacing:-.02em;}
.ceomsg-sign .name-block .name {font-size:24px; font-weight:700; color:#1a1a1a; letter-spacing:.14em;}
.ceomsg-sign .sign-img {/* height:46px; */ /* width:auto; */ width:45%;}
.ceomsg-cnt {flex:1 1 auto; min-width:0;}
.ceomsg-quote {margin:4px 0 28px; font-size:21px; font-weight:700; color:#e50012; line-height:1.65em; letter-spacing:-.03em;}
.ceomsg-text p {margin:0 0 16px; font-size:15px; color:#555; line-height:1.95em; letter-spacing:-.02em;}
.ceomsg-text p:last-child {margin-bottom:0;}
.ceomsg-text strong {color:#1a1a1a; font-weight:700;}
@media (max-width:768px) {
	.ceomsg-title {margin-bottom:28px; font-size:28px;}
	.ceomsg-body {flex-direction:column; gap:30px;}
	.ceomsg-photo {flex:none; width:100%; max-width:360px;}
	.ceomsg-quote {font-size:18px;}
}

/* ===== 이사회 선임일/임기 만료일 (sub06_04) ===== */
.member-tenure {margin:0; flex-shrink:0; text-align:right; font-size:12px; color:#888; line-height:1.6em; letter-spacing:-.02em; white-space:nowrap;}
.member-tenure b {color:#2c2c2c; font-weight:600;}
.sub-tenure {margin:2px 0 14px; font-size:12px; color:#888; letter-spacing:-.02em;}
.sub-tenure b {color:#2c2c2c; font-weight:600;}
@media (max-width:640px) {
	.member-tenure {font-size:11px;}
}