#main{width:100%; overflow:Hidden;} #main .mainvisual{width:100%; position:relative;} #main .mainvisual .bg{width:100%; background:#000} #main .mainvisual .bg video{width:100%;} #main .mainvisual .slogan{width:100%; padding:0px 10%; position:absolute; top:50%; transform:translateY(-50%); display:Flex; flex-direction:column; gap:12px; z-index:1;} #main .mainvisual .title{font-size:64px; word-break:keep-all; color:#fff; text-align:left;font-family:'pretendard';} #main .mainvisual .title b{ font-weight:bold;} #main .mainvisual .title2{font-family:'Wanted Sans';word-break:keep-all; font-size:64px; color:#fff; text-align:left;} #main .mainvisual .subTitle{font-family:LINESeedkr-Bd; color:#fff; font-size:28px;} #main .message{width:100%; padding:20px 0px; display:flex; align-items:center; gap:40px; white-space:nowrap;animation: messageFlow 15s linear infinite;} @keyframes messageFlow { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } #main .message .text{font-size:80px; color:#444; letter-spacing:1px; font-family:'LINESeedKR-Th'} #main .message .image{width:200px;} #main .message .image img{width:100%;} .main_subjA{width:100%; display:Flex; gap:4px; flex-direction:column;} .main_subjA .en{font-size:24px; color:#007CC4; font-family:'LineSeedKR-Bd'} .main_subjA .subj{font-size:48px; color:#222; font-family:'LineSeedKR-Bd'; word-break:keep-all;} #main .esg{width:100%; padding:120px 10%; box-sizing:border-box; background:#f7f7f7; display:flex; gap:80px;} #main .esg .left{width:60%; display:flex; flex-direction:column; justify-content:space-between;} #main .esg .left .titleA{width:100%; position:relative;} #main .esg .left .titleA .title{font-size:40px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:32px; z-index:1;} #main .esg .left .titleA .bg{font-size:128px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .esg .left .esgList{width:100%; display:flex; gap:20px;} #main .esg .left .esgList li{width:100%;} #main .esg .left .esgList li .icon{width:52px} #main .esg .left .esgList li .icon img{width:100%} #main .esg .left .esgList li .subjA{width:100%; margin-top:20px; border-bottom:1px solid #222; display:flex; gap:4px; flex-direction:column; padding-bottom:16px;} #main .esg .left .esgList li .subjA .subj_en{font-size:16px; color:#999;} #main .esg .left .esgList li .subjA .subj{font-size:24px; color:#222;font-family:'LineSeedKr-Bd';} #main .esg .left .esgList li .subs{width:100%; margin-top:16px; color:#444; word-break:keep-all; display:flex; flex-direction:column; gap:8px; list-style:disc; padding-left:20px; box-sizing:border-box;} #main .esg .left .esgList li .subs li{list-style:disc;} #main .esg .right{width:40%;} #main .esg .right .esgVisual{width:100%;} #main .esg .right .esgVisual li{width:100%; position:Relative;} #main .esg .right .esgVisual li .bg{width:100%;} #main .esg .right .esgVisual li .bg img{width:100%;} #main .esg .right .esgVisual li .textA{width:100%; height:100%; z-index:1; position:absolute; display:flex; flex-direction: column; justify-content:end; padding:20px; box-sizing:border-box;} #main .esg .right .esgVisual li .textA .box{width:100%; display:flex; flex-direction:column; padding:20px; background:rgba(0, 0, 0, 0.3); box-sizing:border-box; border-radius:20px; align-items:center;} #main .esg .right .esgVisual li .textA .box .icon{height:80px;} #main .esg .right .esgVisual li .textA .box .icon img{height:100%;} #main .esg .right .esgVisual li .textA .box .num{font-size:64px; color:#fff; font-family:'LineSeedKr-Bd'; margin-top:16px;} #main .esg .right .esgVisual li .textA .box .num2{font-size:36px; color:#fff; font-family:'LineSeedKr-Bd'; margin-top:16px;} #main .esg .right .esgVisual li .textA .box .subs{font-size:24px; color:#fff; margin-top:0px;} #main .company{width:100%; padding:120px 10%; display:flex; flex-direction: column; gap:60px; box-sizing:border-box;} #main .company .summaryA{width:100%; align-items:start; display:flex; gap:40px;} #main .company .summaryA .subj{width:24%; display:flex; align-items: center;gap:8px;} #main .company .summaryA .subj .dot{width:8px; height:8px; background:#007CC4; border-radius:50%; aspect-ratio: 1 / 1;} #main .company .summaryA .subj .tx{font-size:32px; color:#007CC4;font-family:'LineSeedKr-Bd'; word-break:keep-all;} #main .company .summaryA .cont{width:76%;} #main .company .summaryA .cont .subSubj{width:100%; word-break:keep-all; font-size:32px; color:#222;font-family:'LineSeedKr-Bd';} #main .company .summaryA .cont .subs{width:100%; word-break:keep-all; font-size:20px; color:#444; word-break:Keep-all; margin-top:8px;} #main .company .imgList{width:100%; display:flex; flex-wrap:wrap; gap:20px;} #main .company .imgList li{width:calc(100% / 4 - 15px); display:flex; flex-direction: column; justify-content:space-between;} #main .company .imgList li img{width:100%;} #main .company .imgList li .more{width:100%;} #main .company .imgList li .more a{display:Flex; gap:4px; align-items:center;} #main .company .imgList li .more a .tx{font-size:20px; color:#444} #main .company .imgList li .more a .ico{width:20px;} #main .company .imgList li .more a .ico img{width:100;} #main .partnership{width:100%; padding:120px 10%; display:flex; gap:60px; box-sizing:border-box;} #main .partnership .main_subjA{width:36%;} #main .company2{width:100%; padding:120px 10%; display:flex; gap:60px; box-sizing:border-box;} #main .company2 .summaryA{width:100%; flex-direction: column; display:flex; gap:20px;} #main .company2 .summaryA .subj{width:100%; display:flex; align-items: center;gap:8px;} #main .company2 .summaryA .subj .dot{width:8px; height:8px; background:#007CC4; border-radius:50%; aspect-ratio: 1 / 1;} #main .company2 .summaryA .subj .tx{font-size:32px; color:#007CC4;font-family:'LineSeedKr-Bd'; word-break:keep-all;} #main .company2 .summaryA .cont{width:100%; word-break:keep-all; font-size:20px; color:#444; word-break:Keep-all; margin-top:8px;} #main .company2 .imgList{width:100%; display:flex; flex-wrap:wrap; gap:20px;} #main .company2 .imgList li{width:calc(100% / 2 - 10px); position:relative; overflow:hidden; border-radius:20px;} #main .company2 .imgList li img{width:100%;} #main .company2 .imgList li .cont{width:100%; position:absolute; height:100%; background:rgba(0,0,0,0.5); padding:20px;} #main .company2 .imgList li .cont .en{color:#fff; font-size:20px; opacity:0.5;} #main .company2 .imgList li .cont .kr{color:#fff; font-size:28px; margin-top:8px; font-family:'LineSeedKr-BD'} /* #main .certification .certificationVisual li{margin:20px 20px; box-shadow:5px 5px 20px rgba(0,0,0,0.05); border-radius:20px; overflow:Hidden;} #main .certification .certificationVisual li img{width:100%;} */ #main .certification{width:100%; padding:120px 10% 0px; box-sizing:Border-box;} #main .certification .subj{width:100%; text-align:Center; positioN:relative;} #main .certification .subj .en{font-size:72px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .certification .subj .tx{font-size:48px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:0px; z-index:1; left:50%; transform:translateX(-50%)} #main .certification dl{width:100%; margin-top:32px; display:flex; flex-direction:column; gap:32px;} #main .certification dl dd{width:100%;} #main .certification dl dd .subT{width:100%; font-size:28px; color:#222; font-family:'LineSeedKr-Bd'; text-align:Center;} #main .certification dl dd .cerList{width:100%; display:flex; gap:80px; justify-content:center; margin-top:20px;} #main .certification dl dd .cerList li{width:20%; box-shadow:5px 5px 20px rgba(0,0,0,0.05)} #main .certification dl dd .cerList li img{width:100%;} @media (max-width: 1439px) { #main{width:100%; overflow:Hidden;} #main .mainvisual{width:100%; position:relative;} #main .mainvisual .bg{width:100%; background:#000} #main .mainvisual .bg video{width:100%;} #main .mainvisual .slogan{width:100%; padding:0px 5%; position:absolute; top:50%; transform:translateY(-50%); display:Flex; flex-direction:column; gap:12px; z-index:1;} #main .mainvisual .title{font-size:64px; color:#fff; text-align:left;} #main .mainvisual .title b{font-family:LINESeedkr-Bd;} #main .mainvisual .subTitle{font-family:LINESeedkr-Bd; color:#fff; font-size:28px;} .main_subjA{width:100%; display:Flex; gap:4px; flex-direction:column;} .main_subjA .en{font-size:20px; color:#007CC4; font-family:'LineSeedKR-Bd'} .main_subjA .subj{font-size:36px; color:#222; font-family:'LineSeedKR-Bd'; word-break:keep-all;} #main .esg{width:100%; padding:120px 5%; box-sizing:border-box; background:#f7f7f7; display:flex; gap:80px;} #main .esg .left{width:60%; display:flex; flex-direction:column; justify-content:space-between;} #main .esg .left .titleA{width:100%; position:relative;} #main .esg .left .titleA .title{font-size:36px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:32px; z-index:1;} #main .esg .left .titleA .bg{font-size:100px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .esg .left .esgList{width:100%; display:flex; gap:20px;} #main .esg .left .esgList li{width:100%;} #main .esg .left .esgList li .subjA{width:100%; border-bottom:1px solid #222; display:flex; gap:4px; flex-direction:column; padding-bottom:16px;} #main .esg .left .esgList li .subjA .subj_en{font-size:16px; color:#999;} #main .esg .left .esgList li .subjA .subj{font-size:20px; color:#222;font-family:'LineSeedKr-Bd';} #main .esg .left .esgList li .subs{width:100%; margin-top:16px; color:#444; word-break:keep-all;} #main .esg .right{width:40%;} #main .esg .right .esgVisual{width:100%;} #main .esg .right .esgVisual li{width:100%; position:Relative;} #main .esg .right .esgVisual li .bg{width:100%;} #main .esg .right .esgVisual li .bg img{width:100%;} #main .esg .right .esgVisual li .textA{width:100%; height:100%; z-index:1; position:absolute; display:flex; flex-direction: column; justify-content:end; padding:20px; box-sizing:border-box;} #main .esg .right .esgVisual li .textA .box{width:100%; display:flex; flex-direction:column; padding:20px; background:rgba(0, 0, 0, 0.3); box-sizing:border-box; border-radius:20px; align-items:center;} #main .esg .right .esgVisual li .textA .box .icon{height:80px;} #main .esg .right .esgVisual li .textA .box .icon img{height:100%;} #main .esg .right .esgVisual li .textA .box .num{font-size:64px; color:#fff; font-family:'LineSeedKr-Bd'; margin-top:16px;} #main .esg .right .esgVisual li .textA .box .num2{font-size:32px; color:#fff; font-family:'LineSeedKr-Bd'; margin-top:16px;} #main .esg .right .esgVisual li .textA .box .subs{font-size:24px; color:#fff; margin-top:0px;} #main .company{width:100%; padding:120px 5%; display:flex; flex-direction: column; gap:60px; box-sizing:border-box;} #main .company .summaryA{width:100%; align-items:start; display:flex; gap:40px;} #main .company .summaryA .subj{width:24%; display:flex; align-items: center;gap:8px;} #main .company .summaryA .subj .dot{width:8px; height:8px; background:#007CC4; border-radius:50%; aspect-ratio: 1 / 1;} #main .company .summaryA .subj .tx{font-size:32px; color:#007CC4;font-family:'LineSeedKr-Bd'; word-break:keep-all;} #main .company .summaryA .cont{width:76%;} #main .company .summaryA .cont .subSubj{width:100%; word-break:keep-all; font-size:32px; color:#222;font-family:'LineSeedKr-Bd';} #main .company .summaryA .cont .subs{width:100%; word-break:keep-all; font-size:20px; color:#444; word-break:Keep-all; margin-top:8px;} #main .company .imgList{width:100%; display:flex; flex-wrap:wrap; gap:20px;} #main .company .imgList li{width:calc(100% / 4 - 15px); display:flex; flex-direction: column; justify-content:space-between;} #main .company .imgList li img{width:100%;} #main .company .imgList li .more{width:100%;} #main .company .imgList li .more a{display:Flex; gap:4px; align-items:center;} #main .company .imgList li .more a .tx{font-size:20px; color:#444} #main .company .imgList li .more a .ico{width:20px;} #main .company .imgList li .more a .ico img{width:100;} #main .partnership{width:100%; padding:120px 5%; display:flex; gap:60px; box-sizing:border-box;} #main .partnership .main_subjA{width:36%;} #main .company2{width:100%; padding:120px 5%; display:flex; gap:60px; box-sizing:border-box;} #main .company2 .summaryA{width:100%; flex-direction: column; display:flex; gap:20px;} #main .company2 .summaryA .subj{width:100%; display:flex; align-items: center;gap:8px;} #main .company2 .summaryA .subj .dot{width:8px; height:8px; background:#007CC4; border-radius:50%; aspect-ratio: 1 / 1;} #main .company2 .summaryA .subj .tx{font-size:32px; color:#007CC4;font-family:'LineSeedKr-Bd'; word-break:keep-all;} #main .company2 .summaryA .cont{width:100%; word-break:keep-all; font-size:20px; color:#444; word-break:Keep-all; margin-top:8px;} #main .company2 .imgList{width:100%; display:flex; flex-wrap:wrap; gap:20px;} #main .company2 .imgList li{width:calc(100% / 2 - 10px); position:relative; overflow:hidden; border-radius:20px;} #main .company2 .imgList li img{width:100%;} #main .company2 .imgList li .cont{width:100%; position:absolute; height:100%; background:rgba(0,0,0,0.5); padding:20px;} #main .company2 .imgList li .cont .en{color:#fff; font-size:20px; opacity:0.5;} #main .company2 .imgList li .cont .kr{color:#fff; font-size:28px; margin-top:8px; font-family:'LineSeedKr-BD'} #main .certification{width:100%; padding:120px 5% 0px; box-sizing:Border-box;} #main .certification .subj{width:100%; text-align:Center; positioN:relative;} #main .certification .subj .en{font-size:60px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .certification .subj .tx{font-size:36px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:0px; z-index:1; left:50%; transform:translateX(-50%)} #main .certification dl{width:100%; margin-top:32px; display:flex; flex-direction:column; gap:32px;} #main .certification dl dd{width:100%;} #main .certification dl dd .subT{width:100%; font-size:24px; color:#222; font-family:'LineSeedKr-Bd'; text-align:Center;} #main .certification dl dd .cerList{width:100%; display:flex; gap:40px; justify-content:center; margin-top:20px;} #main .certification dl dd .cerList li{width:25%; box-shadow:5px 5px 20px rgba(0,0,0,0.05)} #main .certification dl dd .cerList li img{width:100%;} } @media (max-width: 1023px) { #main{width:100%; overflow:Hidden;} #main .mainvisual{width:100%; position:relative;} #main .mainvisual .bg{width:100%; background:#000} #main .mainvisual .bg video{width:100%;} #main .mainvisual .slogan{width:100%; padding:0px 5%; position:absolute; top:50%; transform:translateY(-50%); display:Flex; flex-direction:column; gap:12px; z-index:1;} #main .mainvisual .title{font-size:48px; color:#fff; text-align:left; line-height:56px;} #main .mainvisual .title b{font-family:LINESeedkr-Bd;} #main .mainvisual .subTitle{font-family:LINESeedkr-Bd; color:#fff; font-size:24px;} .main_subjA{width:100%; display:Flex; gap:4px; flex-direction:column;} .main_subjA .en{font-size:20px; color:#007CC4; font-family:'LineSeedKR-Bd'} .main_subjA .subj{font-size:36px; color:#222; font-family:'LineSeedKR-Bd'; word-break:keep-all;} #main .esg{width:100%; padding:80px 5%; box-sizing:border-box; background:#f7f7f7; display:flex; gap:80px; flex-direction:column;} #main .esg .left{width:100%; display:flex; flex-direction:column; justify-content:space-between;} #main .esg .left .titleA{width:100%; position:relative;} #main .esg .left .titleA .title{font-size:36px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:32px; z-index:1;} #main .esg .left .titleA .bg{font-size:100px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .esg .left .esgList{width:100%; display:flex; gap:20px;} #main .esg .left .esgList li{width:100%;} #main .esg .left .esgList li .subjA{width:100%; border-bottom:1px solid #222; display:flex; gap:4px; flex-direction:column; padding-bottom:16px;} #main .esg .left .esgList li .subjA .subj_en{font-size:16px; color:#999;} #main .esg .left .esgList li .subjA .subj{font-size:20px; color:#222;font-family:'LineSeedKr-Bd';} #main .esg .left .esgList li .subs{width:100%; margin-top:16px; color:#444; word-break:keep-all;} #main .esg .right{width:100%;} #main .esg .right .esgVisual{width:100%;} #main .esg .right .esgVisual li{width:100%; position:Relative;} #main .esg .right .esgVisual li .bg{width:100%;} #main .esg .right .esgVisual li .bg img{width:100%;} #main .esg .right .esgVisual li .textA{width:100%; height:100%; z-index:1; position:absolute; display:flex; flex-direction: column; justify-content:end; padding:20px; box-sizing:border-box;} #main .esg .right .esgVisual li .textA .box{width:100%; display:flex; flex-direction:column; padding:20px; background:rgba(0, 0, 0, 0.3); box-sizing:border-box; border-radius:20px; align-items:center;} #main .esg .right .esgVisual li .textA .box .icon{height:80px;} #main .esg .right .esgVisual li .textA .box .icon img{height:100%;} #main .esg .right .esgVisual li .textA .box .num{font-size:64px; color:#fff; font-family:'LineSeedKr-Bd'; margin-top:16px;} #main .esg .right .esgVisual li .textA .box .subs{font-size:24px; color:#fff; margin-top:0px;} #main .partnership{width:100%; padding:80px 5%; display:flex; flex-direction:column; gap:60px; box-sizing:border-box;} #main .partnership .main_subjA{width:100%;} #main .partnership .formA{width:100%;} #main .company2{width:100%; padding:80px 5%; display:flex; gap:20px; box-sizing:border-box; flex-direction:column;} #main .company2 .summaryA{width:100%; flex-direction: column; display:flex; gap:20px;} #main .company2 .summaryA .subj{width:100%; display:flex; align-items: center;gap:8px;} #main .company2 .summaryA .subj .dot{width:8px; height:8px; background:#007CC4; border-radius:50%; aspect-ratio: 1 / 1;} #main .company2 .summaryA .subj .tx{font-size:20px; color:#007CC4;font-family:'LineSeedKr-Bd'; word-break:keep-all;} #main .company2 .summaryA .cont{width:100%; word-break:keep-all; font-size:16px; color:#444; word-break:Keep-all; margin-top:8px;} #main .company2 .imgList{width:100%; display:flex; flex-wrap:wrap; gap:20px;} #main .company2 .imgList li{width:calc(100% / 2 - 10px); position:relative; overflow:hidden; border-radius:20px;} #main .company2 .imgList li img{width:100%;} #main .company2 .imgList li .cont{width:100%; position:absolute; height:100%; background:rgba(0,0,0,0.5); padding:20px;} #main .company2 .imgList li .cont .en{color:#fff; font-size:20px; opacity:0.5;} #main .company2 .imgList li .cont .kr{color:#fff; font-size:28px; margin-top:8px; font-family:'LineSeedKr-BD'} #main .certification{width:100%; padding:80px 5% 0px; box-sizing:Border-box;} #main .certification .subj{width:100%; text-align:Center; positioN:relative;} #main .certification .subj .en{font-size:60px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .certification .subj .tx{font-size:32px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:0px; z-index:1; left:50%; transform:translateX(-50%)} #main .certification dl{width:100%; margin-top:32px; display:flex; flex-direction:column; gap:32px;} #main .certification dl dd{width:100%;} #main .certification dl dd .subT{width:100%; font-size:20px; color:#222; font-family:'LineSeedKr-Bd'; text-align:Center;} #main .certification dl dd .cerList{width:100%; display:flex; gap:40px; justify-content:center; margin-top:20px;} #main .certification dl dd .cerList li{width:30%; box-shadow:5px 5px 20px rgba(0,0,0,0.05)} #main .certification dl dd .cerList li img{width:100%;} } @media (max-width: 767px) { #main{width:100%; overflow:Hidden;} #main .mainvisual{width:100%; position:relative;} #main .mainvisual .bg{width:100%; background:#000; overflow:hidden;} #main .mainvisual .bg video{width:200%; position:relative; left:50%; transform:translateX(-50%)} #main .mainvisual .slogan{width:100%; padding:0px 3%; position:absolute; top:50%; transform:translateY(-50%); display:Flex; flex-direction:column; gap:12px; z-index:1;} #main .mainvisual .title{font-size:32px; color:#fff; text-align:left; line-height:40px;} #main .mainvisual .title b{font-family:LINESeedkr-Bd;} #main .mainvisual .subTitle{font-family:LINESeedkr-Bd; color:#fff; font-size:16px;} .main_subjA{width:100%; display:Flex; gap:4px; flex-direction:column;} .main_subjA .en{font-size:16px; color:#007CC4; font-family:'LineSeedKR-Bd'} .main_subjA .subj{font-size:28px; color:#222; font-family:'LineSeedKR-Bd'; word-break:keep-all;} #main .esg{width:100%; padding:60px 5%; box-sizing:border-box; background:#f7f7f7; display:flex; gap:80px; flex-direction:column;} #main .esg .left{width:100%; display:flex; flex-direction:column; justify-content:space-between;} #main .esg .left .titleA{width:100%; position:relative;} #main .esg .left .titleA .title{font-size:36px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:32px; z-index:1;} #main .esg .left .titleA .bg{font-size:100px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .esg .left .esgList{width:100%; display:flex; gap:20px; flex-direction:column;} #main .esg .left .esgList li{width:100%;} #main .esg .left .esgList li .subjA{width:100%; border-bottom:1px solid #222; display:flex; gap:4px; flex-direction:column; padding-bottom:16px;} #main .esg .left .esgList li .subjA .subj_en{font-size:16px; color:#999;} #main .esg .left .esgList li .subjA .subj{font-size:20px; color:#222;font-family:'LineSeedKr-Bd';} #main .esg .left .esgList li .subs{width:100%; margin-top:16px; color:#444; word-break:keep-all;} #main .esg .right{width:100%;} #main .esg .right .esgVisual{width:100%;} #main .esg .right .esgVisual li{width:100%; position:Relative;} #main .esg .right .esgVisual li .bg{width:100%;} #main .esg .right .esgVisual li .bg img{width:100%;} #main .esg .right .esgVisual li .textA{width:100%; height:100%; z-index:1; position:absolute; display:flex; flex-direction: column; justify-content:end; padding:20px; box-sizing:border-box;} #main .esg .right .esgVisual li .textA .box{width:100%; display:flex; flex-direction:column; padding:12px; background:rgba(0, 0, 0, 0.3); box-sizing:border-box; border-radius:20px; align-items:center;} #main .esg .right .esgVisual li .textA .box .icon{height:40px;} #main .esg .right .esgVisual li .textA .box .icon img{height:100%;} #main .esg .right .esgVisual li .textA .box .num{font-size:36px; color:#fff; font-family:'LineSeedKr-Bd'; margin-top:16px;} #main .esg .right .esgVisual li .textA .box .subs{font-size:16px; color:#fff; margin-top:0px;} #main .partnership{width:100%; padding:80px 5%; display:flex; flex-direction:column; gap:60px; box-sizing:border-box;} #main .partnership .main_subjA{width:100%;} #main .partnership .formA{width:100%;} #main .company2{width:100%; padding:60px 5%; display:flex; gap:20px; box-sizing:border-box; flex-direction:column;} #main .company2 .summaryA{width:100%; flex-direction: column; display:flex; gap:20px;} #main .company2 .summaryA .subj{width:100%; display:flex; align-items: center;gap:8px;} #main .company2 .summaryA .subj .dot{width:8px; height:8px; background:#007CC4; border-radius:50%; aspect-ratio: 1 / 1;} #main .company2 .summaryA .subj .tx{font-size:20px; color:#007CC4;font-family:'LineSeedKr-Bd'; word-break:keep-all;} #main .company2 .summaryA .cont{width:100%; word-break:keep-all; font-size:16px; color:#444; word-break:Keep-all; margin-top:8px;} #main .company2 .imgList{width:100%; display:flex; flex-wrap:wrap; gap:8px;} #main .company2 .imgList li{width:calc(100% / 2 - 6px); position:relative; overflow:hidden; border-radius:20px;} #main .company2 .imgList li img{width:100%;} #main .company2 .imgList li .cont{width:100%; position:absolute; height:100%; background:rgba(0,0,0,0.5); padding:12px;} #main .company2 .imgList li .cont .en{color:#fff; font-size:14px; opacity:0.5;} #main .company2 .imgList li .cont .kr{color:#fff; font-size:18px; margin-top:4px; font-family:'LineSeedKr-BD'} #main .certification{width:100%; padding:60px 5% 0px; box-sizing:Border-box;} #main .certification .subj{width:100%; text-align:Center; positioN:relative;} #main .certification .subj .en{font-size:48px; color:#e5e5e5; font-family:'LineSeedKr-Bd';} #main .certification .subj .tx{font-size:28px; color:#222; font-family:'LineSeedKr-Bd'; position:absolute; bottom:0px; z-index:1; left:50%; transform:translateX(-50%)} #main .certification dl{width:100%; margin-top:32px; display:flex; flex-direction:column; gap:32px;} #main .certification dl dd{width:100%;} #main .certification dl dd .subT{width:100%; font-size:16px; color:#222; font-family:'LineSeedKr-Bd'; text-align:Center;} #main .certification dl dd .cerList{width:100%; display:flex; gap:12px; justify-content:center; margin-top:20px;} #main .certification dl dd .cerList li{width:33%; box-shadow:5px 5px 20px rgba(0,0,0,0.05)} #main .certification dl dd .cerList li img{width:100%;} }