@charset "utf-8";

.sectionTitle{font-size:9rem;letter-spacing:-0.02em;font-weight:500;}
.subTitle{font-size:5rem;font-weight:600;letter-spacing:-0.04em;}
.contTitle{font-size:3.5rem;letter-spacing:-0.04em;font-weight:600;}
.contText{font-size:2.4rem;color:#444;font-weight:400;}
.pcBr{display:block;}
.mBr{display:none;}
.btn_view_img {display: none;}


/* 회사소개 > CEO 인사말 */

.greeting{letter-spacing:-0.02em;word-break:keep-all;}
.greeting .sectionTitle span{font-size:3.8rem;font-weight:700;color:#158459;margin-left:35px;display:inline-block;}
.greeting .ceoIntro {background:#e2e1d9;border-radius:35px;position:relative;margin:60px 0 69px;}
.greeting .ceoIntro:before{width:339px;height:404px;;background:url('/en/img/introduce/ceo_Image.png')no-repeat right bottom;right:5%;bottom:0;position:absolute;content:'';}
.greeting .ceoIntro .contTitle{width:75%;font-weight:400;line-height:1.56;padding:3.6% 3.75%;}
.greeting .ceoIntro .contTitle dd{margin-top:20px;}
.greeting .ceoIntro .contTitle dd span{font-weight:700;}
.greeting .contText{line-height:1.75;letter-spacing:-0.04em;}
.greeting .contText p:nth-child(n+2){margin-top:30px;}
.greeting .contText p span{color:#158459;}
.greeting .contText .ceoSign{width:100%;display:block;text-align:right;font-size:2.8rem;font-weight:500;margin-top:110px;}
.greeting .contText .ceoSign strong{font-size:3.6rem;font-weight:700;margin-left:13px;display:inline-block;}


/* 회사소개 > 비전 */

.vision{letter-spacing:-0.02em;}
.vision .visionWrap h3{margin-bottom:85px;}
.vision .visionWrap .subTitle{color:#fff;line-height:1.7;font-weight:700;position:relative;padding:176px 0 569.109px;}
.vision .visionWrap .subTitle:before{width:100vw;height:1000px;background:url('/en/img/introduce/expImg.png')no-repeat center / cover;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;content:'';}
.vision .missionWrap{margin-top:205px;}
.vision .missionBox li{width:100%;display:flex;justify-content:center;align-items:center;}
.vision .missionBox li:first-child{margin-top:60px;}
.vision .missionBox li:nth-child(n+2){margin-top:150px;}
.vision .missionBox li div{width:50%;position:relative;}
.vision .missionBox li div span{width:22.5%;height:33.336%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:4rem;font-weight:600;border-radius:20px 20px 0 20px;background:#0f9e67;position:absolute;top:0;left:0;content:'';}
.vision .missionBox li:first-child div span{left:unset;right:10%;top:-7.409%;}
.vision .missionBox li:nth-child(2) div span{left:-5%;top:14.817%;}
.vision .missionBox li:nth-child(n+3) div span{left:10%;top:-7.409%;}
.vision .missionBox li div .leftNoneRadius{border-radius:20px 20px 20px 0;}
.vision .missionBox li dl{width:50%;}
.vision .missionBox li:nth-child(odd) dl{padding-left:11.57%;}
.vision .missionBox li:nth-child(even) dl{padding:0 5%;}
.vision .missionBox li dl dt{font-size:5.8rem;font-weight:600;}
.vision .missionBox li dl dd{line-height:1.75;letter-spacing:-0.04em;margin-top:30px;word-break: keep-all;}
.vision .valueBox{margin-top:209px;}
.vision .valueBox .valueIntro {color:#fff;text-align:center;position:relative;display:flex;flex-direction: column;justify-content: center;align-items: center;padding: 122.5px;}
.vision .valueBox .valueIntro:before {width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url('/en/img/introduce/mission.png')no-repeat center;z-index:-1;content:'';}
.vision .valueBox .valueIntro h4{font-size:6rem;font-weight:700;}
.vision .valueBox .valueIntro p{font-size:2.4rem;font-weight:600;line-height:1.75;margin-top:20px;}
.vision .valueBox .value5G{position:relative;padding:604px 0;}
.vision .valueBox .value5G:before{width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url('/en/img/introduce/mission_5g.png')no-repeat center;z-index:-1;content:'';}
.vision .valueBox .value5G h4{font-size:8rem;font-weight:700;color:#fff;position:absolute;left:46.7%;top:490px;}
.vision .valueBox .value5G ul li{width:30%;position:absolute;}
.vision .valueBox .value5G ul li:nth-child(1){top:206px;left:-0.38%;text-align:right;}
.vision .valueBox .value5G ul li:nth-child(2){top:206px;right:0.25%;text-align:left;}
.vision .valueBox .value5G ul li:nth-child(3){left:-5.38%;text-align:right;margin-top:80px;}
.vision .valueBox .value5G ul li:nth-child(4){right:-4.13%;text-align:left;margin-top:80px;}
.vision .valueBox .value5G ul li:nth-child(5){width:50%;bottom:31px;left:50%;transform:translateX(-50%);text-align:center;}
.vision .valueBox .value5G ul li dl dt{font-size:2.8rem;font-weight:700;line-height:1.5;position:relative;}
.vision .valueBox .value5G ul li dl dt:before{width:108px;height:108px;position:absolute;content:'';}
.vision .valueBox .value5G ul li:nth-child(1) dl dt:before{background:url('/en/img/introduce/mission_5G_01.jpg')no-repeat center;top:-130px;right:-94px;}
.vision .valueBox .value5G ul li:nth-child(2) dl dt:before{background:url('/en/img/introduce/mission_5G_02.jpg')no-repeat center;top:-130px;left:-16px;}
.vision .valueBox .value5G ul li:nth-child(3) dl dt:before{background:url('/en/img/introduce/mission_5G_03.jpg')no-repeat center;top:-150px;right:-20px;}
.vision .valueBox .value5G ul li:nth-child(4) dl dt:before{background:url('/en/img/introduce/mission_5G_04.jpg')no-repeat center;top:-130px;left:-6px;}
.vision .valueBox .value5G ul li:nth-child(5) dl dt:before{background:url('/en/img/introduce/mission_5G_05.jpg')no-repeat center;top:-140px;left: 50%;transform: translateX(-50%);}
.vision .valueBox .value5G ul li dl dd{font-size:2rem;font-weight:400;letter-spacing:-0.04em;line-height:1.6;color:#555;margin-top:10px;}
.vision .valueBox .value5G .mView{display:none;}


/* 회사소개 > 연혁 */

.history{letter-spacing:-0.02em;}
.history h4{width:40%;font-size:5rem;font-weight:600;position:relative;}
.history h4:before{width:75%;height:20.625vw;position:absolute;top:120px;content:'';}
.history h4.bg01:before{background:url('/en/img/introduce/history_01.jpg')no-repeat center top / contain;}
.history h4.bg02:before{background:url('/en/img/introduce/history_02.jpg')no-repeat center top / contain;}
.history h4.bg03:before{background:url('/en/img/introduce/history_03.jpg')no-repeat center top / contain;}
.history h4.bg04:before{background:url('/en/img/introduce/history_04.jpg')no-repeat center top / contain;}
.history h5{width:17%;font-size:2.8rem;font-weight:700;color:#158459;}
.history .historyWrap{margin-top:150px;padding-bottom:250px;position:relative;}
.history .historyWrap:before{width:1px;height:100%;background:#ddd;position:absolute;top:17px;left:40%;content:'';}
.history .yearWrap{width:60%;margin-top:135px;padding-left:7%;}
.history .startingPoint{display:flex;}
.history .startingPoint:nth-child(n+2){margin-top:145px;}
.history .startingPoint .yearWrap .yearBox{display:flex;align-items: baseline;position:relative;}
.history .startingPoint .yearWrap .yearBox:before{width:21px;height:21px;border-radius:50%;border:4px solid #0f9e67;top:18px;left:calc(-13.209% - 9.5px);background:#fff;position:absolute;content:'';}
.history .startingPoint .yearWrap .yearBox:nth-child(n+2){margin-top:90px;}
.history .startingPoint .yearWrap .yearBox .dateBox{width:83%;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li{display:flex;line-height:2.5;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li span{width:14%;font-weight:700;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li div {width:86%;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li div p{color:#555;}


/* 회사소개 > ci */

.ciWrap .ciBox .contText{color:#555;line-height:1.67;margin-top:20px;}
.ciWrap .ciBox .contText span{font-weight:700;}
.ciWrap .ciBox .logoBox{padding:150px 40px;border-radius:40px;border:1px solid #ddd;margin:85px 0 60px;display:flex;justify-content:center;align-items:center;}
.ciWrap .ciBox .downBox{width:280px;height:80px;background:#148458;border-radius:40px;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.ciWrap .ciBox .downBox a{width:100%;height:100%;font-size:2.4rem;color:#fff;font-weight:600;position:relative;padding-right:40px;display:flex;justify-content:center;align-items:center;}
.ciWrap .ciBox .downBox a:after{width:30px;height:26px;background:url('/en/img/introduce/down_logo.png')no-repeat right center;position:absolute;top:25px;right:65px;content:'';}
.ciWrap .meaningBox{position:relative;margin:120px 0;}
.ciWrap .meaningBox:before{width:100vw;height:1px;background:#ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);content:'';}
.ciWrap .meaningBox .meaning{display:flex;justify-content:center;padding:175px 0 191px;}
.ciWrap .meaningBox .meaning li{width:33.333%;}
.ciWrap .meaningBox .meaning li:nth-child(2){margin:0 3.125%;}
.ciWrap .meaningBox .meaning li h4{font-size:3.8rem;font-weight:700;}
.ciWrap .meaningBox .meaning li img{margin:30px 0 50px;}
.ciWrap .meaningBox .meaning li p{font-size:2.2rem;font-weight:400;line-height:1.73;}
.ciWrap .meaningBox .meaning li p span{font-weight:700;}
.ciWrap .meaningBox .meaningPlus{position:relative;}
.ciWrap .meaningBox .meaningPlus:before{width:100vw;height:100%;background:url('/en/img/introduce/ci_bg.png')no-repeat center;left:50%;transform:translateX(-50%);top:0;position:absolute;z-index: -1;content:'';}
.ciWrap .meaningBox .meaningPlus p{font-size:4rem;font-weight:600;line-height:1.5;text-align:center;color:#fff;padding:310px 0;}


/* 회사소개 > 조직도 */

.organizationWrap{color:#fff;position:relative;}
.organizationWrap .orgaBox{margin-top:30px;}
.organizationWrap h3{color:#222;}
.organizationWrap .shadowText{font-size:26rem;font-weight:700;color:#f9f9f9;position:absolute;top:180px;left:50%;transform:translateX(-50%);z-index:-1;content:'';}
.organizationWrap .orgaBox dl {display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700;}
.organizationWrap .orgaBox dl dt{width:250px;height:250px;border:25px solid #daf7e8;border-radius:50%;background: linear-gradient(135deg,#77d279 0%,#82d678 33%,#4bc996 66%,#49bf83 100%);display: flex;align-items: center;justify-content: center;font-size:3.2rem;}
.organizationWrap .orgaBox dl dd{width:100%;font-size:2.8rem;margin:60px 0 80px;}
.organizationWrap .orgaBox dl dd ul {display:flex;justify-content:center;align-items:center;}
.organizationWrap .orgaBox dl dd ul li{width:400px;height:70px;border-radius:35px;background:#0f9e67;display:flex;justify-content:center;align-items:center;}
.organizationWrap .orgaBox dl dd ul li:first-child{margin-right:20%;}
.organizationWrap .orgaBox .partBox{border-radius:30px;padding:7% 7.75% 7.125%;background:url('/en/img/introduce/orga_bg.png')no-repeat center / cover;}
.organizationWrap .orgaBox .partBox ul{display:flex;justify-content:center;flex-wrap:wrap;}
.organizationWrap .orgaBox .partBox ul li{width:19.2%;margin-right:7.7%;text-align:center;}
.organizationWrap .orgaBox .partBox ul .last{margin-right:0;}
.organizationWrap .orgaBox .partBox ul li:nth-child(n+5){margin-top:80px;}
.organizationWrap .orgaBox .partBox ul li div {color:#222;border-radius:10px;padding:20px;background:#fff;margin-bottom:20px;}
.organizationWrap .orgaBox .partBox ul li div .part{font-size:2.4rem;font-weight:700;}
.organizationWrap .orgaBox .partBox ul li div .partEmail{font-size:1.8rem;font-weight:400;border-radius:5px;background:#daf7e8;padding: 14px 0;margin-top: 21px;word-break:break-all;}
.organizationWrap .orgaBox .partBox ul li .team{font-size:2rem;font-weight:600;border-radius:10px;background:#0f9e67;padding:10px 0;}
.organizationWrap .orgaBox .partBox ul li .team:nth-child(n+2){margin-top:8px;}


/* 회사소개 > 오시는길 */
.locationWrap .pcView{display:block;}
.locationWrap .mView{display:none;}
.locationWrap .locationBox{display:flex;justify-content:space-between;padding:3.75%;border-radius:35px;box-shadow: 0 0 30px 15px rgba(248, 248, 250, 1);background:#fff;letter-spacing:-0.04em;}
.locationWrap .locationBox:nth-child(n+2){margin-top:60px;}

.locationWrap .locationBox p {width:50%;}
.locationWrap .locationBox .addressBox{width:50%;padding-left:1.36%;padding-right:55px;}
.locationWrap .locationBox .addressBox h4{font-size:3.2rem;font-weight:500;padding:2.085% 0 18.06%;}
.locationWrap .locationBox .addressBox h4:before{width:18px;height:18px;background:#158459;display:inline-block;border-radius:50%;margin:2px 10px 0 0;content:'';}
.locationWrap .locationBox .addressBox dl{word-break:keep-all;}
.locationWrap .locationBox .addressBox dl dt{font-size:4.2rem;font-weight:400;line-height:1.43;}
.locationWrap .locationBox .addressBox dl dd{margin-top:65px;}
.locationWrap .locationBox .addressBox dl dd ul{display:flex;justify-content:center;}
.locationWrap .locationBox .addressBox dl dd ul .phone{width:41%;padding-right:10px;}
.locationWrap .locationBox .addressBox dl dd ul .email{width:59%;margin-right:10px;}
.locationWrap .locationBox .addressBox dl dd ul li span{display:block;font-size:2rem;font-weight:700;line-height:1.92;color:#158459;}
.locationWrap .locationBox .addressBox dl dd ul li a{width:100%;font-size:2.8rem;font-weight:400;margin-top:20px;}
.locationWrap .mapImg{width:50%;}
.locationWrap .mapImg .root_daum_roughmap .wrap_map{height:480px;border-radius:25px;overflow:hidden;}
.locationWrap .mapImg .cont{display:none;}
.locationWrap .mapImg .wrap_controllers{display:none;}
.locationWrap .map_border{display:none;}


/* 사업분야 */

#businessGroup .introBox{max-width: 1600px;margin:0 auto 165px;}
#businessGroup .introBox .subTitle{color:#158459;margin:70px 0 40px;}
#businessGroup .introBox dl .contText{color:#555555;margin-top:20px;line-height: 1.75;}
.productWrap {letter-spacing:-0.04em;word-break:keep-all;}
.productWrap .tabDesign{margin-bottom:160px;}
.productWrap .tabDesign li span {padding-bottom:25px;}
.productWrap .scrapBox{display:flex;justify-content:space-between;margin-bottom:100px;} 
.productWrap .scrapBox .subTitle{width:50%;margin:-8px 0 0 0;padding-right:15px;}
.productWrap .scrapBox > div{width:50%;}
.productWrap .scrapBox div .contTitle{line-height:1.43;}
.productWrap .scrapBox div .contText{font-weight:300;line-height:1.67;color:#555;margin-top:40px;}
.productWrap .meritBox{background:url('/en/img/business/merit_bg.png')no-repeat top center / contain;padding-top:28.125%;}
.productWrap .meritBox02{background:url('/en/img/business/merit_bg02.png')no-repeat top center / contain;padding-top:28.125%;}
.productWrap .meritBox03{background:url('/en/img/business/merit_bg03.png')no-repeat top center / contain;padding-top:28.125%;}
.productWrap .meritBox ul {display:flex;justify-content:center;}
.productWrap .meritBox ul li{width:28.125%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;background:#fff;border-radius:25px;box-shadow: 0 20px 40px rgba(241, 243, 245, 0.8);padding:4.4% 1.25%;}
.productWrap .meritBox ul li:nth-child(2){margin:0 30px;}
.productWrap .meritBox ul li img{width:32%;}
.productWrap .meritBox ul li span{font-size:3.5rem;font-weight:600;line-height:1.14;margin:63px 0 15px;}
.productWrap .meritBox ul li p{font-size:2.2rem;font-weight:300;line-height:1.64;}


/* 지속가능경영 */

.continueWrap {word-break:keep-all;}
.continueWrap .introBox{display:flex;justify-content:center;align-items:center;position:relative;padding:24.53% 0;margin-top:90px;}
.continueWrap .introBox:before{width:100vw;height:100%;background:url('/en/img/esg/continue_01.jpg')no-repeat center;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;content:'';}
.continueWrap .introBox p {text-align:center;color:#fff;margin-top:-55px;}
.continueWrap .introBox p span{display:block;font-size:3rem;font-weight:600;line-height: 1.83;letter-spacing:-0.02em;}
.continueWrap .introBox p .introContText{display:block;font-size:5rem;font-weight:500;letter-spacing:-0.04em;line-height:1.3;margin-top:12px;}
.continueWrap .meaningBox{text-align:center;margin:140px 0 45px;}
.continueWrap .meaningBox p{font-size:2.4rem;font-weight:500;letter-spacing:-0.04em;line-height:1.5;}
.continueWrap .meaningBox strong{font-size:50rem;font-weight:900;background: url('/img/esg/text_image.jpg') no-repeat center;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.continueWrap .bgBox{height:980px;position:relative;color:#fff;}
.continueWrap .bgBox.env:before{width:100vw;height:100%;background:url('/en/img/esg/continue_02.png')no-repeat center;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;content:'';}
.continueWrap .bgBox.soci:before{width:100vw;height:100%;background:url('/en/img/esg/continue_03.png')no-repeat center;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;content:'';}
.continueWrap .bgBox.gov:before{width:100vw;height:100%;background:url('/en/img/esg/continue_04.png')no-repeat center;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;content:'';}
.continueWrap .bgBox h4{width:100%;font-size:9rem;font-weight:500;padding-top:10.25%;letter-spacing: -0.025em;}
.continueWrap .bgBox div{width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:16.9% 0 0 40.88%;}
.continueWrap .bgBox div .contTitle{font-size:5rem;letter-spacing: -0.025em;}
.continueWrap .bgBox div .contText{color:#fff;line-height: 1.75;margin-top: 30px;letter-spacing: -0.025em;}
.continueWrap .ceoTalkBox{display:flex;flex-direction:column;justify-content:center;padding:167px 0 150px;}
.continueWrap .ceoTalkBox h5{font-size:5rem;font-weight:600;letter-spacing:-0.04em;}
.continueWrap .ceoTalkBox p:nth-child(2){margin-top:37px;}
.continueWrap .ceoTalkBox p:nth-child(3){margin-top:30px;}
.continueWrap .ceoTalkBox p{font-size:2.4rem;letter-spacing:-0.05em;font-weight:400;line-height:1.75;}
.continueWrap .ceoTalkBox p span{color:#158459;}
.continueWrap .ceoTalkBox > span{font-size:2.8rem;font-weight:500;margin-top:57px;text-align:right;letter-spacing:-0.04em;padding-right:1%;}
.continueWrap .ceoTalkBox > span strong{font-size:3.6rem;font-weight:700;padding-left:1%;}
.continueWrap .downBox{position:relative;padding-bottom:200px;}
.continueWrap .downBox:before{width:100vw;border-top:1px solid #ddd;top:0;left:50%;transform:translateX(-50%);position:absolute;content:'';}
.continueWrap .downBox ul{display:flex;justify-content:flex-end;align-items:center;position:relative;padding-top:285px;}
.continueWrap .downBox ul:before{width:50%;height:900px;background:url('/en/img/esg/continue_05.jpg')no-repeat left center / contain;top:180px;left:0;position:absolute;z-index:-1;content:'';}
.continueWrap .downBox ul li{width:31.25%;height:650px;border-radius:25px;background:#d6e1db;position:relative;padding:12.5% 0 18.75% 3.75%;}
.continueWrap .downBox ul li:before{width:85px;height:12px;background:url('/en/img/esg/continue_06.jpg')no-repeat right center / contain;position:absolute;top:28px;right:30px;content:'';}
.continueWrap .downBox ul li:first-child{margin-right:2.5%;}
.continueWrap .downBox ul li dl{font-weight:600;}
.continueWrap .downBox ul li dl dt{font-size:2.4rem;}
.continueWrap .downBox ul li dl dd{font-size:1.6rem;letter-spacing:0.06em;}
.continueWrap .downBox ul li a{width:90px;height:90px;background:#000;border-radius:50%;position:absolute;right:35px;bottom:-47px;display:flex;justify-content:center;align-items:center;}


/* 윤리경영 */

.ethicalWrap .meaningBox{margin:40px 0 90px;}
.ethicalWrap .meaningBox strong{font-size:3.2rem;font-weight:500;line-height:1.2;}
.ethicalWrap .meaningBox p{font-size:2.4rem;font-weight:400;line-height:1.2;color:#555;margin-top:20px;}
.ethicalWrap .dutyBox{position:relative;padding-top:140px;}
.ethicalWrap .dutyBox:before{width:100vw;border-top:1px solid #ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);content:'';}
.ethicalWrap .dutyBox .cardList {display:flex;justify-content:space-between;align-items:center;margin-top:50px;}
.ethicalWrap .dutyBox .cardList .card {width:31.25%;padding:18.75% 0;position: relative;background-size: cover;background-position: center;overflow: hidden;cursor: pointer;}
.ethicalWrap .dutyBox .cardList .card.ethics {background: url('/img/esg/ethical_01.png')no-repeat center / cover;}
.ethicalWrap .dutyBox .cardList .card.role {background: url('/img/esg/ethical_02.png')no-repeat center / cover;}
.ethicalWrap .dutyBox .cardList .card.leader {background: url('/img/esg/ethical_03.png')no-repeat center / cover;}
.ethicalWrap .dutyBox .cardList .card .text {width:100%;position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);color:#fff;font-size:3.5rem;font-weight:600;text-align:center;letter-spacing:-0.02em;z-index: 2;padding:0 20px;}
.ethicalWrap .dutyBox .cardList .card .plusBtn {width:18%;height:15%;position:absolute;top:44.169%;left: 50%;transform: translate(-50%, -50%);font-weight:500;color:#fff;background:#158459;border-radius:50%;opacity: 0;z-index: 2;display: flex;justify-content: center;align-items: baseline;line-height: 1.35;}
.ethicalWrap .dutyBox .cardList .card.ethics:hover {background: url('/img/esg/ethical_hover01.png')no-repeat center / cover;}
.ethicalWrap .dutyBox .cardList .card.role:hover {background: url('/img/esg/ethical_hover02.png')no-repeat center / cover;}
.ethicalWrap .dutyBox .cardList .card.leader:hover {background: url('/img/esg/ethical_hover03.png')no-repeat center / cover;}
.ethicalWrap .dutyBox .cardList .card:hover .text {font-size:3.5rem;letter-spacing:-0.02em;top: auto;bottom:20px;}
.ethicalWrap .dutyBox .cardList .card:hover .plusBtn {opacity: 1;}

.ethicalWrap .modalLayer{display: none;}
.ethicalWrap .modalBox {width:72.92%;height:auto;background: #fff;border-radius: 15px;position: relative;box-shadow: 0 10px 30px rgba(0,0,0,0.3);display: flex;flex-direction: column;}
/*.ethicalWrap .modalBox.box02 {height:820px;}*/
.ethicalWrap .modalBox .buttonBox{padding-left:4.2%;}
.ethicalWrap .modalBox .buttonBox .contTitle{font-size:3.5rem;color:#222;font-weight:600;}
.ethicalWrap .modalBox .modalBody {border-top: 1px solid #ddd;flex: 1;padding:3.22% 3.93% 0 3.93%;}
.ethicalWrap .modalBox .modalBody .duty{height:644px;overflow-y: auto;padding-bottom:3%;padding-right:3%;}
.ethicalWrap .modalBox .modalBody .role{height:700px;overflow-y: auto;padding-bottom:3%;padding-right:3%;}
.ethicalWrap .modalBox .modalBody .modalContTitle{font-size:2.4rem;font-weight:400;line-height:1.67;}
.ethicalWrap .modalBox .modalBody ul {padding-left: 0;}
.ethicalWrap .modalBox .modalBody li {font-size:2.2rem;font-weight:300;letter-spacing:-0.05em;line-height:1.82;color:#555;}
.ethicalWrap .modalBox .modalBody li:nth-child(n+2) {margin-top:25px;}
.ethicalWrap .modalBox .modalBody li b{font-weight:700;}
.ethicalWrap .modalBox .modalBody li strong {font-size:2.4rem;font-weight:600;color: #158459;}
.ethicalWrap .modalBox .modalBody li p{display:flex;}
/*.ethicalWrap .modalBox .modalBody li p:before{width:3px;height:3px;border-radius:50%;background:#555;display:inline-block;margin-right:10px;vertical-align:6px;content:'';}*/
.ethicalWrap .modalBox .modalBody li p .dot{margin-right:10px;}
.ethicalWrap .modalBox.box02 .modalBody li:first-child{margin-top:40px;}




/* 품질경영 */

.qualityWrap .subTitle{font-weight:600;margin-top:133px;word-break:keep-all;}
.qualityWrap .contText{font-weight:400;line-height:1.75;letter-spacing:-0.06em;color:#555;margin-top:15px;}
.qualityWrap .qualitySystem .certificateBox{padding:38px 0 22px;border:1px solid #ddd;border-radius:35px;margin-top:50px;}
.qualityWrap .qualitySystem .certificateBox ul{display:flex;justify-content:center;align-items:center;}
.qualityWrap .qualitySystem .certificateBox ul li{width:25.66%;position:relative;}
.qualityWrap .qualitySystem .certificateBox ul li:first-child{margin-right:145px;}
.qualityWrap .qualitySystem .certificateBox ul li:last-child{margin-right:20px;}
.qualityWrap .qualitySystem .certificateBox ul li span{width:21.95%;height:15.076%;color:#fff;font-size:2.4rem;font-weight:700;border-radius:50%;background:#0f9e67;position:absolute;top:9.73%;right:-11%;display:flex;justify-content:center;align-items:center;}
.qualityWrap .principleBox{margin:165px 0 145px;}
.qualityWrap .principleBox ul{display:flex;flex-wrap:wrap;margin-top:70px;}
.qualityWrap .principleBox ul li{width:31.25%;margin-right:3.12%;}
.qualityWrap .principleBox ul .last{margin-right:0;}
.qualityWrap .principleBox ul li:nth-child(n+4){margin-top:90px;}
.qualityWrap .principleBox ul li h5{font-size:2.8rem;font-weight:700;margin-top:40px;display:flex;}
.qualityWrap .principleBox ul li h5 .pcBr{display:block;}
.qualityWrap .principleBox ul li p{font-size:2.2rem;font-weight:400;line-height:1.64;letter-spacing:-0.05em;color:#555;margin-top:30px;}
.qualityWrap .trustBox{position:relative;padding-top:140px;}
.qualityWrap .trustBox:before{width:100vw;border-top:1px solid #ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);content:'';}
.qualityWrap .trustBox .subTitle{margin-top:0;}
.qualityWrap .trustBox .contText span{color:#222;font-weight:700;}



/* 제품문의 */
.inquiryWrap{word-break:keep-all;}
.inquiryWrap .contText{margin:45px 0 90px;line-height:1.75;}
.inquiryWrap .contText span{color:#158459;}
.inquiryWrap .questioncont{position:relative;padding-top:75px;}
.inquiryWrap .questioncont:before{width:100vw;height:1px;background:#ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);content:'';}
.inquiryWrap .questioncont .request_box .contTitle {letter-spacing:-0.05em;}
.inquiryWrap .questioncont .request_box .contTitle span{color:#158459;}
.inquiryWrap .designForm .request_box > ul{border:none;}
.inquiryWrap .designForm .btnBox .btnQuestion{margin:0;}
.inquiryWrap .request_box .request{margin-top:100px;}
.inquiryWrap .request_box .request > li:nth-child(2){margin-top:70px;}
.inquiryWrap .request_box .request > li:nth-child(3){margin-top:70px;}
.inquiryWrap .request_box .request > li:nth-child(n+4){margin-top:45px;}
/*.inquiryWrap .request_box .request > li:nth-child(2n+3) dt{width:200px;margin-left:3.5%;margin-right:5.26%;padding-left:3%;}*/
.inquiryWrap ul {padding-left: 0;}
.inquiryWrap li {font-size:2.2rem;font-weight:300;letter-spacing:-0.05em;line-height:1.82;color:#555;}
.inquiryWrap li:nth-child(n+2) {margin-top:25px;}
.inquiryWrap li b{font-weight:700;}
.inquiryWrap li strong {font-size:2.4rem;font-weight:600;color: #158459;}
.inquiryWrap li p .dot{margin-right:10px;}
.inquiryWrap .request_box ul li{width:50%;margin-right:0;}
.inquiryWrap .request_box ul .full{width:100%;}
.inquiryWrap .request_box ul .full dl{align-items:flex-start;}
.inquiryWrap .request_box ul .full.cont dl dd{width:86.5%;margin-left:0;}
.inquiryWrap .request_box ul .full.macro dl dd{margin-left:0;}
.inquiryWrap .request_box ul li dl{display:flex;align-items:center;}
.inquiryWrap .request_box ul li dl dt{width:224px;font-size:2.4rem;font-weight:700;color:#222;letter-spacing:-0.02em;word-break:keep-all;}
.inquiryWrap .request_box ul li dl dt .essential{color:#0f9e67;}
.inquiryWrap .request_box ul li dl dd{width:calc(100% - 270px);}
.inquiryWrap .request_box ul li.widControll dl dd{width:calc(100% - 224px);}
.inquiryWrap .request_box ul li dl dd label{font-size:2rem;letter-spacing:-0.02em;font-weight:500;color:#222;white-space:nowrap;display:inline-block;}
.inquiryWrap .request_box ul li dl dd label p{margin-top:8px;}
.inquiryWrap .request_box ul li dl dd input{border:none;border-bottom:1px solid #ddd;}
.inquiryWrap .request_box ul li dl dd input::placeholder{color:#888;}
.inquiryWrap .request_box ul dl dd input[type="checkbox"]{width:22px;height:22px;vertical-align: -4px;margin-right:1.91%;margin-right:10px;}
.inquiryWrap .request_box ul dl dd input[type="checkbox"] {accent-color:#0f9e67;}
.inquiryWrap .request_box ul dl dd label{margin-right:13%;}
.inquiryWrap .request_box ul dl dd label:last-child{margin-right:0;}
.inquiryWrap .request_box .privacyBox{width:86%;display:flex;justify-content:space-between;align-items: center;margin-left:14%;}
.inquiryWrap .request_box .privacyBox div{width:50%;display:flex;align-items: end;}
.inquiryWrap .request_box .privacyBox div input{width:22px;height:22px;vertical-align: -4px;margin-right:2.5%;}
.inquiryWrap .request_box .privacyBox div input[type="checkbox"]{accent-color:#0f9e67;}
.inquiryWrap .request_box .privacyBox div p {font-size:2rem;font-weight:500;letter-spacing:-0.02em;}
.inquiryWrap .request_box .privacyBox div p span{color:#158459;}
.inquiryWrap .request_box .privacyBox .btnBox .btnQuestion{font-size:2rem;letter-spacing:-0.02em;font-weight:700;background:#0f9e67;}
.inquiryWrap .request_box ul li dl dd select {width: 100%;font-size: 2.2rem;border: none;border-bottom: 1px solid #ddd;color: #222;background-color: transparent;padding: 5px 0;color:#888;}
.inquiryWrap .request_box ul .stoneBox small{font-size:2.2rem;letter-spacing:-0.02em;font-weight:400;color:#888;}
.inquiryWrap .request_box ul .stoneBox .stone{display:flex;margin-top:10px;}
.inquiryWrap .request_box ul .stoneBox .stone li{width:13.12%;border:3px solid #e5e5e5;border-radius:5px;padding:1.18% 1.18% 0.4%;text-align:center;margin-right:1.46%;}
.inquiryWrap .request_box ul .stoneBox .stone li:last-child{margin-right:0;}
.inquiryWrap .request_box ul .stoneBox .stone li:nth-child(n+2){margin-top:unset;}
.inquiryWrap .request_box ul .stoneBox .stone li.selected {border-color: #0f9e67;}
.inquiryWrap .request_box ul .stoneBox .stone li label {display: block;cursor: pointer;text-align: center;font-size:2.2rem;}


.inquiryWrap.invest .request_box .request > li:nth-child(2) {margin-top:0;}
.inquiryWrap.invest .request_box .request > li:nth-child(2n+3) dt {margin-left:0;padding-left:0;}
.inquiryWrap.invest .request_box .request > li:nth-child(n+3) {margin-top: 45px;}
.inquiryWrap.invest .request_box .request > li:nth-child(2n+2) dl{justify-content:flex-end;}
.inquiryWrap.invest .request_box .request > li:nth-child(3n+3) dl{justify-content:unset;}
.inquiryWrap.ptInquiry .request_box .request > li:nth-child(2n+1) dl{justify-content:flex-end;}
.inquiryWrap .request_box .request > li.macro dl{justify-content:flex-start !important;}



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

.continueWrap .downBox ul li {height:650px;}
.ethicalWrap .dutyBox .cardList .card .plusBtn {font-size:6rem;}

}


@media all and (max-width:1640px) {

.vision .valueBox .value5G{padding:37.75vw 0;}
.vision .valueBox .value5G:before{background-size:cover;}
.vision .valueBox .value5G h4{font-size:5vw;left:46.7%;top:30.625vw;}
.vision .valueBox .value5G ul li:nth-child(1){top:12.875vw;left:-0.38%;}
.vision .valueBox .value5G ul li:nth-child(2){top:12.875vw;right:0.25%;}
.vision .valueBox .value5G ul li:nth-child(3){left:-5.38%;margin-top:5vw;}
.vision .valueBox .value5G ul li:nth-child(4){right:-4.13%;margin-top:5vw;}
.vision .valueBox .value5G ul li:nth-child(5){bottom:1.938vw;}
.vision .valueBox .value5G ul li dl dt{font-size:1.75vw;}
.vision .valueBox .value5G ul li dl dt:before{width:6.75vw;height:6.75vw;}
.vision .valueBox .value5G ul li:nth-child(1) dl dt:before{top:-8.125vw;right:-5.875vw;background-size:contain;}
.vision .valueBox .value5G ul li:nth-child(2) dl dt:before{top:-8.125vw;left:-1vw;background-size:contain;}
.vision .valueBox .value5G ul li:nth-child(3) dl dt:before{top:-9.375vw;right:-1.25vw;background-size:contain;}
.vision .valueBox .value5G ul li:nth-child(4) dl dt:before{top:-8.125vw;left:-0.375vw;background-size:contain;}
.vision .valueBox .value5G ul li:nth-child(5) dl dt:before{top:-8.75vw;background-size:contain;}
.vision .valueBox .value5G ul li dl dd{font-size:1.25vw;margin-top:0.625vw;}

.ciWrap .meaningBox .pcBr{display:none;}

.organizationWrap .shadowText{font-size:13.415vw;}

#businessGroup .introBox {padding:0 20px;}

.continueWrap .meaningBox strong{font-size: max(20rem, 30.488vw);}
.continueWrap .downBox{padding-bottom:12.195vw;}
.continueWrap .downBox ul:before{height:54.878vw;top:10.976vw;}
.continueWrap .downBox ul li {height:39.634vw;border-radius:1.524vw;}
.continueWrap .downBox ul{padding-top:17.378vw;}
.continueWrap .downBox ul li:before{width:5.183vw;height:0.732vw;top:1.707vw;right:1.829vw;}
.continueWrap .downBox ul li dl dt{font-size:1.463vw;}
.continueWrap .downBox ul li dl dd{font-size:0.976vw;}
.continueWrap .downBox ul li a{width:5.488vw;height:5.488vw;right:2.134vw;bottom:-2.866vw;}
.continueWrap .downBox ul li a img{width:1.829vw;height:1.829vw;}

.ethicalWrap .dutyBox .cardList .card .plusBtn{font-size: 3.659vw;}

.qualityWrap .principleBox ul li h5 .pcBr{display:none;}

.inquiryWrap .request_box ul .stoneBox .stone li img {width:92%;}
}

@media all and (max-width:1398px) {

.history .startingPoint .yearWrap .yearBox:before{top:2.6%;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li{flex-wrap:wrap;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li span{width:100%;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li div{width:100%;}
}


@media all and (max-width:1279px) {
.greeting .pcBr{display:none;}
.greeting .ceoIntro:before{width:27.7%;background-size:contain;}
.greeting .sectionTitle span{margin-left:0;}

.vision .pcBr{display:none;}

.history .startingPoint .yearWrap .yearBox:before {width: 19px;height: 19px;left: calc(-13.209% - 8.5px);}

.organizationWrap .orgaBox dl dt {width: 230px;height: 230px;}
.organizationWrap .orgaBox dl dd ul li {width: 31.046%;}
.organizationWrap .orgaBox .partBox {padding:5% 5.75% 5.125%;}

.locationWrap .locationBox .addressBox dl dt .pcBr{display:none;}

.continueWrap .bgBox{height:880px;}
}

@media all and (max-width:1200px) {
.inquiryWrap .request_box ul li dl dd{width:calc(100% - 240px) !important;}
}



@media all and (max-width:979px) {

.vision .visionWrap .subTitle{padding:176px 0 407.109px;}
.vision .visionWrap .subTitle:before{height:800px;}

.history .startingPoint .yearWrap .yearBox:before {width: 17px;height: 17px;left: calc(-13.209% - 7.5px);top:2.2%;}

.ciWrap .meaningBox .meaning li h4{font-size:3.5rem;}
.ciWrap .meaningBox .meaning li p{font-size:2rem;}


.organizationWrap .orgaBox dl dt {width:220px;height:220px;}
.organizationWrap .orgaBox .partBox ul li {width:40%;margin-right:4.7%;}
.organizationWrap .orgaBox .partBox ul li:nth-child(2n+2){margin-right:0;}
.organizationWrap .orgaBox .partBox ul li:nth-child(n+3){margin-top:40px;}
.organizationWrap .orgaBox .partBox ul li div p .pcBr{display:none;}
.organizationWrap .orgaBox .partBox {padding:5% 0 5.125%;}


.locationWrap .pcView{display:none;}
.locationWrap .mView{display:block;}
.locationWrap .locationBox{flex-direction:column;}
.locationWrap .locationBox .addressBox{width:100%;}
.locationWrap .locationBox .addressBox h4{padding:2.085% 0 7.06%;}
.locationWrap .locationBox .addressBox dl dd {margin-top:50px;}
.locationWrap .locationBox .addressBox dl dd ul{flex-wrap:wrap;justify-content:flex-start;}
.locationWrap .locationBox .addressBox dl dd ul .email{width:100%;}
.locationWrap .locationBox .addressBox dl dd ul .phone{width:100%;}
.locationWrap .locationBox .addressBox dl dd ul li{display:flex;align-items: baseline;}
.locationWrap .locationBox .addressBox dl dd ul li span{width:60px;}
.locationWrap .locationBox .addressBox dl dd ul li a{width:60%;margin-top:0;}
.locationWrap .mapImg{width:100%;margin-top:30px;}


.continueWrap .bgBox {height:780px;}
.continueWrap .introBox p span .pcBr{display:none;}

.ethicalWrap .dutyBox .cardList .card:hover .text {font-size:2.6rem;}
.ethicalWrap .modalBox .modalBody .modalContTitle .pcBr{display:none;}


.qualityWrap .qualitySystem .certificateBox ul li span{font-size:2rem;}


/* 제품문의 */
.inquiryWrap .request_box ul li{width:100%;}
.inquiryWrap .request_box ul .stoneBox .stone{flex-wrap:wrap;}
.inquiryWrap .request_box ul .stoneBox .stone li{width:23%;}
.inquiryWrap .request_box ul .stoneBox .stone li:nth-child(n+5){margin-top:1.46%;}
.inquiryWrap .request_box ul dl dd input[type="checkbox"]{width:18px;height:18px;}
.inquiryWrap .request_box ul li dl dt{width:190px;}
.inquiryWrap .request_box ul li dl dd{width:calc(100% - 190px) !important;}
.inquiryWrap .request_box ul li dl dd label{font-size:1.8rem;}

.inquiryWrap .request_box .request > li:nth-child(n+2) {margin-top:23px !important;}
.inquiryWrap .request_box .request > li:nth-child(2n+2) dl {justify-content:unset;}
.inquiryWrap .request_box .request > li:nth-child(2){margin-top:23px;}
.inquiryWrap .request_box .request > li:nth-child(n+3){margin-top:23px;}
.inquiryWrap .request_box ul .stoneBox{margin-bottom:50px !important;}

.inquiryWrap .request_box .privacyBox{display:block;}
.inquiryWrap .request_box .privacyBox{width:100%;margin-left:0;}
.inquiryWrap .designForm .btnBox .btnQuestion{margin:50px auto 0;}
.inquiryWrap .request_box .privacyBox div p{white-space:normal;}
}

@media all and (max-width:767px) {

.sectionTitle{font-size:7rem;}
.subTitle{font-size:4.5rem;line-height:1.3;}
.contTitle{font-size:3rem;}
.contText{font-size:2.1rem;}
.btn_view_img {display: block;margin-top: 5px;text-align: right;}


.greeting .ceoIntro {border-radius:17.5px;margin:30px 0 34.5px;}
.greeting .ceoIntro .contTitle{padding:29px 3.75%;}
.greeting .ceoIntro .contTitle dd{margin-top:10px;}
.greeting .contText p:nth-child(n+2){margin-top:15px;}
.greeting .contText .ceoSign{margin-top:55px;}
.greeting .contText .ceoSign strong{margin-left:6.5px;}


.vision .visionWrap .subTitle {padding:176px 0 290.109px;}
.vision .visionWrap .subTitle:before {height:650px;}
.vision .visionWrap h3{margin-bottom:42.5px;}
.vision .missionWrap{margin-top:102.5px;}
.vision .missionBox li{flex-wrap:wrap;}
.vision .missionBox li:first-child{margin-top:75px;}
.vision .missionBox li:nth-child(n+2){margin-top:75px;}
.vision .missionBox li:nth-child(even){flex-direction: column-reverse;}
.vision .missionBox li div{width:100%;}
.vision .missionBox li div span{border-radius:10px 10px 0 10px;}
.vision .missionBox li:first-child div span{left: 10%;top: -7.409%;}
.vision .missionBox li:nth-child(2) div span {left: 10%;top: -7.409%;}
.vision .missionBox li div .leftNoneRadius{border-radius:10px 10px 10px 0;}
.vision .missionBox li dl{width:100%;margin-top:10px;}
.vision .missionBox li:nth-child(odd) dl{padding-left:0;}
.vision .missionBox li:nth-child(even) dl{padding:0;}
.vision .missionBox li dl dd{margin-top:15px;}
.vision .valueBox{margin-top:104.5px;}
.vision .valueBox .valueIntro {padding:61px 0;}
.vision .valueBox .valueIntro p{margin-top:10px;}
.vision .valueBox .value5G .pcView{display:none;}
.vision .valueBox .value5G .mView{display:block;}
.vision .valueBox .value5G:before{display:none;}
.vision .valueBox .value5G{padding:0;}


.history .historyWrap{margin-top:75px;padding-bottom:120px;}
.history .startingPoint{display:block;}
.history .historyWrap:before{left:0;}
.history h4{width:100%;padding-left: 7%;}
.history h4:before{height:23vw;top:80px;}
.history h4.bg01:before{background-position:left top;background-size:contain;}
.history h4.bg02:before{background-position:left top;background-size:contain;}
.history h4.bg03:before{background-position:left top;background-size:contain;}
.history h4.bg04:before{background-position:left top;background-size:contain;}
.history h5 {width:100%;}
.history .yearWrap {width:100%;margin-top:29.987vw;}
.history .startingPoint:nth-child(n+2){margin-top:72px;}
.history .startingPoint .yearWrap .yearBox {flex-wrap:wrap;}
.history .startingPoint .yearWrap .yearBox:before{width:15px;height:15px;top:6px;left:calc(-7.55% - 6.5px);border-width:3px;}
.history .startingPoint .yearWrap .yearBox .dateBox{width:100%;}
.history .startingPoint .yearWrap .yearBox .dateBox ul li {line-height: 2;}
.history .startingPoint .yearWrap .yearBox:nth-child(n+2){margin-top:45px;}


.ciWrap .ciBox .logoBox {padding:75px 40px;margin:42px 0 30px;border-radius:20px;}
.ciWrap .ciBox .logoBox img{width:70%;}
.ciWrap .ciBox .downBox{width:200px;height:60px;border-radius:30px;}
.ciWrap .ciBox .downBox a{padding-right:30px;}
.ciWrap .ciBox .downBox a:after{background-size:80% auto;top:15px;right:40px;}
.ciWrap .meaningBox{margin:60px 0;}
.ciWrap .meaningBox .meaning{padding:87px 0 95px;flex-wrap:wrap;}
.ciWrap .meaningBox .meaning li{width:100%;}
.ciWrap .meaningBox .meaning li:nth-child(n+2){margin:50px 0;}
.ciWrap .meaningBox .meaning li img{width:100%;margin:20px 0 25px;}
.ciWrap .meaningBox .meaningPlus p{font-size:3rem;padding:150px 0;}
.ciWrap .meaningBox .meaningPlus:before{background-size:cover;}

.organizationWrap .orgaBox {margin-top:15px;}
.organizationWrap .orgaBox dl dt {width:180px;height:180px;border-width:15px;}
.organizationWrap .orgaBox dl dd{margin:30px 0 40px;}
.organizationWrap .orgaBox dl dd ul li{height:45px;border-radius:25px;}
.organizationWrap .orgaBox .partBox{border-radius:25px;}
.organizationWrap .orgaBox .partBox ul li div{padding:15px;border-radius:8px;margin-bottom:10px;}
.organizationWrap .orgaBox .partBox ul li div .partEmail{border-radius:3px;padding:7px 5px;margin-top:10.5px;}
.organizationWrap .orgaBox .partBox ul li .team{border-radius:5px;padding:5px 0;}
.organizationWrap .orgaBox .partBox ul li .team:nth-child(n+2){margin-top:4px;}
.locationWrap .locationBox .addressBox dl dt {font-size: 3.7rem;}

.locationWrap .locationBox{border-radius:25px;}
.locationWrap .locationBox:nth-child(n+2){margin-top:30px;}
.locationWrap .locationBox .addressBox h4:before{width:12px;height:12px;margin:0 10px 3px 0;}
.locationWrap .locationBox .addressBox dl dd{margin-top:35px;}
.locationWrap .locationBox .addressBox dl dd ul .email{margin-right:5px;}
.locationWrap .locationBox .addressBox dl dd ul li a{font-size: 2.3rem;}
.locationWrap .mapImg .root_daum_roughmap .wrap_map{height:300px;border-radius:20px;}


#businessGroup .introBox {margin: 0 auto 83px;padding:0;}
#businessGroup .introBox .subTitle{margin:35px 0 20px;}
#businessGroup .introBox dl .contText{margin-top:10px;}
.productWrap .tabDesign {margin-bottom:80px;}
.productWrap .tabDesign li span {padding-bottom:15px;}
.productWrap .scrapBox{flex-wrap:wrap;} 
.productWrap .scrapBox .subTitle{width:100%;margin-top:0;padding-right:0;}
.productWrap .scrapBox div {width:100%;}
.productWrap .scrapBox div .contTitle{margin-top:40px;}
.productWrap .scrapBox div .contText{margin-top:20px;}
.productWrap .scrapBox div .contText .pcBr{display:none;}
.productWrap .meritBox ul {flex-wrap:wrap;}
.productWrap .meritBox ul li{width:80%;border-radius:15px;padding:4.4% 5px;}
.productWrap .meritBox ul li:nth-child(n+2){margin:20px 0 0;}
.productWrap .meritBox ul li span{margin:32px 0 8px;font-size:3.1rem;}
.productWrap .meritBox ul li p .pcBr{display:none;}


.continueWrap .introBox{padding:24.53% 0;margin-top:45px;}
.continueWrap .introBox p {margin-top:-28px;}
.continueWrap .introBox p .introContText{margin-top:6px;font-size:4.5rem}
.continueWrap .meaningBox{margin:70px 0 23px;}
.continueWrap .meaningBox p .pcBr{display:none;}
.continueWrap .bgBox{height:680px;}
.continueWrap .bgBox h4{font-size:7rem;}
.continueWrap .bgBox div .contTitle{font-size:4.5rem;}
.continueWrap .bgBox div .contText{margin-top:15px;}
.continueWrap .ceoTalkBox{padding:84px 0 75px;}
.continueWrap .ceoTalkBox p:nth-child(2){margin-top:19px;}
.continueWrap .ceoTalkBox p:nth-child(3){margin-top:15px;}
.continueWrap .ceoTalkBox span{margin-top:29px;}
.continueWrap .downBox{padding-bottom:100px;}
.continueWrap .downBox ul{padding-top:143px;}
.continueWrap .downBox ul:before{width:100%;background-size:cover;border-radius:15px;}
.continueWrap .downBox ul {padding-top: 53.378vw;justify-content:center;}
.continueWrap .downBox ul li {width:45%;height: 55.634vw;}
.continueWrap .downBox ul li:before {width: 6.183vw;height: 2.732vw;}
.continueWrap .downBox ul li dl dt {font-size: 3.463vw;}
.continueWrap .downBox ul li dl dd {font-size: 1.976vw;}
.continueWrap .downBox ul li a {width: 7.488vw;height: 7.488vw;}
.continueWrap .downBox ul li a img {width:2.829vw;height:2.829vw;}

.ethicalWrap .meaningBox{margin:20px 0 45px;}
.ethicalWrap .meaningBox p{margin-top:10px;}
.ethicalWrap .dutyBox{padding-top:70px;}
.ethicalWrap .dutyBox .cardList {margin-top:25px;flex-wrap: wrap;}
.ethicalWrap .dutyBox .cardList li:nth-child(n+2) {margin-top:15px;}
.ethicalWrap .dutyBox .cardList .card {width:52%;padding: 30.75% 0;margin: 0 auto;}
.ethicalWrap .dutyBox .cardList .card .plusBtn {width:18%;height:15.3%;font-size: 5.659vw;}
.ethicalWrap .dutyBox .cardList .card .text{font-size:3.1rem;}
.ethicalWrap .modalBox .modalBody .role {height: 600px;}
.ethicalWrap .modalBox .modalBody li p .dot{margin-right:5px;}

.qualityWrap .subTitle{margin-top:67px;}
.qualityWrap .contText{margin-top:8px;}
.qualityWrap .qualitySystem .certificateBox{border-radius:25px;margin-top:25px;}
.qualityWrap .qualitySystem .certificateBox ul li {width: 35.66%;}
.qualityWrap .qualitySystem .certificateBox ul li:first-child{margin-right:73px;}
.qualityWrap .qualitySystem .certificateBox ul li span{font-size:1.532vw;}
.qualityWrap .principleBox{margin:83px 0 73px;}
.qualityWrap .principleBox ul{margin-top:35px;}
.qualityWrap .principleBox ul li{width:48%;}
.qualityWrap .principleBox ul li:nth-child(2n+2){margin-right:0;}
.qualityWrap .principleBox ul li:nth-child(n+3){margin-top:45px;}
.qualityWrap .principleBox ul .last{margin-right:3.12%;}
.qualityWrap .principleBox ul li h5{margin-top:20px;}
.qualityWrap .principleBox ul li p{margin-top:15px;}
.qualityWrap .trustBox{padding-top:70px;}

/* 제품문의 */
.inquiryWrap .contText{margin:23px 0 45px;}
.inquiryWrap .questioncont{padding-top:38px;}
.inquiryWrap .request_box .request{margin-top:50px;}
.inquiryWrap .request_box .request li{width:100%;}
.inquiryWrap .request_box .request > li:nth-child(2n+3) dt{margin-left:0;padding-left:0;}
.inquiryWrap .request_box .request > li:nth-child(2){margin-top:38px;}
.inquiryWrap .request_box .request > li:nth-child(3) {margin-top:0;}
.inquiryWrap .request_box .request > li:nth-child(n+3){margin-top:23px;}
.inquiryWrap .request_box .request > li:nth-child(2n+3) dl {justify-content:unset;}
.inquiryWrap .request_box .request .full.cont dl dd {width:84%;}
.inquiryWrap .request_box .privacyBox{width:100%;margin-left:0;justify-content:center;flex-wrap:wrap;}
.inquiryWrap .request_box .privacyBox div{width:100%;margin-bottom:30px;}
.inquiryWrap .request_box ul li dl {flex-wrap: wrap;}
.inquiryWrap .request_box ul li dl dt{width:100%;}
.inquiryWrap .request_box ul li dl dd {width:100% !important;}
.inquiryWrap .request_box .request .macro dl{flex-wrap:wrap;}
.inquiryWrap .request_box ul dl dd input[type="checkbox"] {width:15px;height:15px;vertical-align:-1px;margin-right: 0.91%;}
.inquiryWrap .request_box ul dl dd label {margin-right: 2%;}
.inquiryWrap .request_box .privacyBox div input {width:15px;height:15px;margin-right: 2.5%;}
.inquiryWrap .request_box .privacyBox div p{font-size:1.8rem;}

.inquiryWrap .request_box ul .stoneBox dl{display:block;}
.inquiryWrap .request_box ul .stoneBox dl dd{width:100%;}
.inquiryWrap .request_box ul .stoneBox small{font-size:1.8rem;}
.inquiryWrap .request_box ul .stoneBox .stone li{width:23.5%;border-width:2px;}
.inquiryWrap .request_box ul .stoneBox .stone li img{width:80%;}
.inquiryWrap .request_box ul .stoneBox .stone li label{font-size:2.868vw;}
.inquiryWrap .request_box ul li dl dd label p{margin-top:1.043vw}


.inquiryWrap.invest .request_box .request > li:nth-child(n+2) {margin-top:23px;}
.inquiryWrap.invest .request_box .request > li:nth-child(2n+2) dl {justify-content:unset;}





}

@media all and (max-width:501px) {

.greeting .sectionTitle {font-size:8rem;}
.greeting .sectionTitle span{font-size:3.3rem;}
.greeting .ceoIntro .contTitle{font-size:2.5rem;}
.greeting .contText .ceoSign{font-size:2.3rem;}
.greeting .contText .ceoSign strong{font-size:3.1rem;}


.vision h3 {font-size:7rem;}
.vision .missionBox li div span{width:18.5%;height:27.336%;font-size:3rem;}
.vision .missionBox li dl dt{font-size:4.8rem;}
.vision .valueBox .valueIntro h4{font-size:5rem;}
.vision .valueBox .valueIntro p{font-size:2rem;}

.ciWrap .meaningBox .meaning li p{letter-spacing:-0.04em;}

.organizationWrap .orgaBox dl dt {width:150px;height:150px;font-size: 2.8rem;}
.organizationWrap .orgaBox dl dd{font-size:2.4rem;}


.continueWrap .introBox p span{font-size:2rem;}
.continueWrap .introBox p .introContText{font-size:4rem;}
.continueWrap .bgBox {height:580px;}
.continueWrap .bgBox h4{font-size:6rem;}
.continueWrap .bgBox div .contTitle{font-size:4rem;}
.continueWrap .bgBox div .contText{font-size:1.5rem;}


.ethicalWrap .modalBox .modalBody .duty {height:544px;}
.ethicalWrap .modalBox .modalBody .role {height:500px;}
.ethicalWrap .modalBox {width: 83.92%;}
.ethicalWrap .modalBox .buttonBox .contTitle{font-size:2.8rem;}
.ethicalWrap .modalBox .modalBody .modalContTitle{font-size:2rem;}
.ethicalWrap .modalBox .modalBody li{font-size:1.8rem;}
.ethicalWrap .modalBox .modalBody li strong{font-size:2rem;}
.ethicalWrap .dutyBox .cardList .card{width:100%;padding:60% 0;}
.ethicalWrap .dutyBox .cardList .card .plusBtn{font-size:10.5vw;}

.qualityWrap .qualitySystem .certificateBox{padding:25px 0 22px;}
.qualityWrap .qualitySystem .certificateBox ul{flex-wrap:wrap;}
.qualityWrap .qualitySystem .certificateBox ul li{width:75%;}
.qualityWrap .qualitySystem .certificateBox ul li:first-child{margin-right:0;}
.qualityWrap .qualitySystem .certificateBox ul li:last-child{margin-right:0;margin-top:20px;}
.qualityWrap .qualitySystem .certificateBox ul li span {font-size: 3.532vw;}

.qualityWrap .principleBox ul li h5{font-size:2.5rem;}
.qualityWrap .principleBox ul li p{font-size:1.9rem;letter-spacing: -0.07em;}
}