@charset "utf-8";

/* SUB LAYOUT */
.sub{position: relative;}
.sub #content{padding: 100rem 0;}
.sub .sub-tit{width:100%;max-width: 1480rem;margin: 0 auto;border-bottom: 1rem solid #ddd;padding-bottom: 50rem;margin-bottom: 50rem;text-align: center;}
.sub .sub-tit span{color: #3e5df2;display: block;margin-bottom: 30rem;font-size: 20rem;font-weight: 500;}
.sub .sub-tit .tit{font-size: 42rem;font-family:'GmarketSans';}
.sub .sub-cont{position: relative;}
.sub .sub-inner{width:100%;max-width: 1480rem;margin: 0 auto;}
.paragraph{width: 100%;margin-bottom: 100rem;}
h3.tit{font-family:'GmarketSans';font-size: 27rem;font-weight: 600;margin-bottom: 30rem;}

/* FORM */
.form{width:100%;height: 48rem;display:inline-block;border: 1px solid #cdcdcd;background: #fff;box-sizing: border-box;vertical-align: middle;padding: 0 12rem;position: relative;}
select.form{-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 24rem 0 10rem;background: #fff url(/theme/energy/images/common/arr-down.svg) no-repeat center right 8rem;background-size:14rem}
input::placeholder{color: #999}
input:disabled,input:read-only {background: #e9ecef!important;}
select.form::-ms-expand { display: none; }
textarea.form{height: 120rem}
.btn{min-width: 140rem;height: 50rem;display: flex;align-items: center;justify-content: center;border: 1rem solid #333;color: #111;font-size: 18rem;font-weight: 500;}
.btn:hover{background: #f7f7f7;transition: background 0.3s;}
.btn.btn-primary{background:#3e5df2;color:#fff;border:none;}
.btn.btn-primary:hover{background: #3351df;}
.btn.btn-secondary{border-color:#3e5df2;color: #3e5df2;}
.btn.btn-secondary:hover{background: #f3f5ff;}

/* TAB */
.tab-wrap{width: 100%;text-align: center;margin-bottom: 80rem;}
.tab-list{display: inline-flex;border: 1rem solid #cbcfd6;padding: 5rem;border-radius: 100rem;}
.tab-list li a{padding: 20rem 30rem;min-width: 240rem;display: flex;align-items: center;justify-content: center;border-radius: 100rem;font-size: 20rem;}
.tab-list li .active{background-color: #3e5df2 !important;color: #fff;font-weight: 600;box-shadow: 2rem 2rem 12rem 0 rgba(62, 93, 242, 0.5);}
.tab-content {display: none;}
.active {display: block;}

/* BOARD - component */
.pagination{text-align: center;margin-top: 50rem;}
.pagination a{display: inline-block;width: 40rem;height: 40rem;line-height: 40rem;border-radius: 100%;background: #f3f5fc;vertical-align: middle;margin: 0 1rem;}
.pagination a:hover{color: #3e5df2;font-weight: 600;}
.pagination a.on{background: #3e5df2;color: #fff;font-weight: 600;}
.pagination a.page-ctr{overflow: hidden;text-indent: -9999px;font-size: 0;line-height: 0;background: url(/theme/energy/images/common/pagination.png) no-repeat;background-size: auto 40rem;border: 1rem solid #e4e6e9;}
.pagination a.page-ctr.page-1st{background-position: left center;}
.pagination a.page-ctr.page-prev{background-position: -40rem center;margin-right: 5rem;}
.pagination a.page-ctr.page-next{background-position: -80rem center;margin-left: 5rem;}
.pagination a.page-ctr.page-last{background-position: -120rem center;}
.pagination a.page-ctr:hover{background-color: #fafbfd;}

.board-top{width: 100%;height: auto;overflow: hidden;margin-bottom: 25rem;display: flex;justify-content: space-between;align-items: flex-end;}
.board-top .board-page{float: left;font-size: 19rem;color: #333;}
.board-top .board-page b{font-weight: 600;color:#000;}
.board-top .board-search{float: right;display: flex;gap: 9rem;align-items: center;}
.board-top .board-search select.form{width: 128rem;}
.board-top .board-search input[type="text"].form{width: 255rem;}
.board-top .board-search .search-btn{background: #3e5df2;border: none;color: #fff;height: 48rem;width: 88rem;}
.board-top .board-search .search-btn:before{content:'';width: 18rem;height: 18rem;background: url(/theme/energy/images/common/search-btn.svg) no-repeat center;background-size: 18rem;display: inline-block;vertical-align: -4rem;margin-right: 5rem;}

/* BOARD - list */
.board-list table{table-layout: fixed;width: 100%;border-top: 2rem solid #111;}
.board-list table thead th{font-weight: 600;height: 60rem;border-bottom: 1rem solid #cbcfd6;font-size: 17rem;}
.board-list table thead th.col-num{width: 130rem;}
.board-list table thead th.col-writer{width: 160rem;}
.board-list table thead th.col-date{width: 160rem;}
.board-list table thead th.col-view{width: 130rem;}
.board-list table tbody td{border-bottom: 1rem solid #cbcfd6;text-align: center;height: 70rem;color: #464950;}
.board-list table tbody td.col-tit{text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18rem;font-weight: 500;}
.board-list table tbody td.col-tit:hover{text-decoration:underline;}
.board-list table tbody td.col-num .notice{background: #e74271;color: #fff;padding: 5rem 12rem;display: inline-block;border-radius: 30rem;font-weight: 500;}
.board-list table tbody .data-none td{height: 80rem;font-size: 17rem;color: #666;}
.board-list table tbody .data-none td:before{content: '';width: 24rem;height: 24rem;background: url(/theme/energy/images/common/data-none.svg) no-repeat center;background-size: 100%;display: inline-block;vertical-align: -6rem;margin-right: 5rem;}

/* BOARD - view */
.board-view{width: 100%;border-top: 2rem solid #111;margin-bottom: 80rem;}
.board-view .view-top{border-bottom: 1rem solid #cbcfd6;padding: 40rem;}
.board-view .view-tit{font-size: 28rem;font-weight: 500;line-height: 30rem;}
.board-view .view-info{display: flex;gap: 10rem;margin-top: 20rem;}
.board-view .view-info li{color: #666;font-size: 18rem;display: flex;align-items: center;gap: 10rem;}
.board-view .view-info li:after{content:'';display:block;width: 1rem;height: 10rem;background: #b3b3b3;border-radius: 100%;}
.board-view .view-info li:last-child:after{display:none;}
.board-view .view-attachment{padding: 20rem 40rem;background: #f8f9fa;border-bottom: 1rem solid #cbcfd6;display: flex;}
.board-view .view-attachment strong{font-size: 18rem;width: 130rem;flex-shrink: 0;line-height: 40rem;}
.board-view .view-attachment ul{display: flex;flex-direction: column;gap: 5rem;align-items: flex-start;}
.board-view .view-attachment a{background: #fff;border: 1rem solid #e1e1e1;color: #333;padding: 10rem 15rem;border-radius: 5rem;line-height: 20rem;display: flex;align-items: center;gap: 8rem;transition: box-shadow 0.3s;}
.board-view .view-attachment a:before{content: '';width: 24rem;height: 24rem;background: url(/theme/energy/images/common/download.svg) no-repeat center;background-size: 24rem;display: block;flex-shrink: 0;}
.board-view .view-attachment a:hover{box-shadow: 2rem 2rem 6rem 0 rgba(0, 0, 0, 0.1);}
.board-view .view-content{width: 100%;padding: 50rem 30rem;font-size: 18rem;line-height: 24rem;border-bottom: 1rem solid #cbcfd6;}
.board-view .view-content img{display: block;margin: 30rem 0;}
.view-list{width: 100%;border-top: 1rem solid #111;}
.view-list .view-list-prev,.view-list .view-list-next{color: #666;padding: 22rem 40rem;border-bottom: 1rem solid #cbcfd6;display: flex;font-size: 18rem;line-height: 22rem;}
.view-list strong{color: #000;font-size: 18rem;display: flex;width: 150rem;flex-shrink: 0;gap: 12rem;align-items: center;}
.view-list strong:before{content: '';width: 15rem;height: 15rem;background: url(/theme/energy/images/common/arr-down.svg) no-repeat center;background-size: 15rem;display: block;}
.view-list .view-list-prev strong:before{transform: rotate(180deg);}
.view-list a{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.view-list a:hover{text-decoration: underline;}
.view-btn{display: flex;margin-top:80rem;align-items: center;justify-content: flex-end;gap: 15rem;}

/* TABLE */
.cont-Tbl table{table-layout: fixed;width: 100%;border-left: 1rem solid #cbcfd6;font-size: 17rem;line-height: 24rem;}
.cont-Tbl table thead th{font-weight: 500;height: 55rem;border-right: 1rem solid #8d8d8d;border-bottom: 1rem solid #8d8d8d;background: #000b34;color: #fff;}
.cont-Tbl table tbody th{font-weight: 500;height: 55rem;border-right: 1rem solid #cbcfd6;border-bottom: 1rem solid #cbcfd6;background: #f5f5f5;}
.cont-Tbl table tbody td,
.cont-Tbl table tfoot td{border-right: 1rem solid #cbcfd6;border-bottom: 1rem solid #cbcfd6;text-align: center;height: 65rem;color: #464950;padding: 18rem;word-break: keep-all;}
.cont-Tbl table tfoot td{background: #f8fbff;font-weight: 600;}

/* UL */
.ulSt{display: flex;flex-direction: column;gap: 15rem;}
.ulSt li{font-size: 19rem;line-height: 26rem;position: relative;margin: 0 0 0 18rem;}
.ulSt li:before{content:'';width: 7rem;height: 7rem;background: #3e5df2;display: block;border-radius: 100%;position: absolute;left: -18rem;top: 8rem;}
.ulSt li ul{margin: 8rem 0px;}
.ulSt li ul li:before{height: 2rem;background: #5b5b5b;border-radius: 0;top: 12rem;}
.txt-link{color: #3e5df2;}
.txt-link:hover{text-decoration: underline;}

/* SUB0101_인사말 */
.greetings{max-width: 1780rem;margin: 0 auto;position: relative;margin-top: -51rem;}
.greetings .greetings-bg{width: 100%;height: 585rem;background: url(/theme/energy/images/sub/greetings.png) no-repeat center;background-size: 1920rem;display: flex;align-items: flex-end;justify-content: center;padding-bottom: 55rem;}
.greetings .greetings-bg p{max-width: 1520rem;width: 100%;color: #fff;font-size: 46rem;font-family:'GmarketSans';line-height: 62rem;font-weight: 600;text-shadow: 4rem 4rem 10rem rgba(0,0,0,0.3);}
.greetings-cont{display: flex;max-width: 1460rem;margin: 100rem auto 100rem;justify-content: space-between;}
.greetings-cont .greetings-left{font-size: 29rem;font-weight: 700;line-height: 48rem;}
.greetings-cont .greetings-right{font-size: 22rem;line-height: 40rem;}

/* SUB0301_센터소개 */
.intro-box{width: 100%;padding: 35rem 30rem;text-align: center;color: #0E1F44;border-radius: 5rem;display: flex;justify-content: center;align-items: center;min-height: 105rem;font-size: 24rem;font-weight: 600;line-height: 33rem;word-break: keep-all;border: 1rem solid #d1dae5;background-color: #f8fbff;}
.intro-box2{display: flex;flex-wrap: wrap;gap: 20rem;}
.intro-box2 div{width: calc((100% - 60rem) / 4);border: 1rem solid #d1dae5;border-radius: 5rem;height: 330rem;display: flex;justify-content: center;align-items: center;padding: 20rem;font-size: 21rem;line-height: 34rem;text-align: center;flex-direction: column;gap: 35rem;}
.intro-box2 > div:before{content: '';width: 80rem;height: 80rem;display: block;background: url(/theme/energy/images/sub/intro.png) no-repeat;background-size: 320rem;}
.intro-box2 > div.box1:before{background-position: left center;}
.intro-box2 > div.box2:before{background-position: -80rem center;}
.intro-box2 > div.box3:before{background-position: -160rem center;}
.intro-box2 > div.box4:before{background-position: -240rem center;}
.strategy{display: flex;flex-direction: column;gap: 20rem;}
.strategy .row{display: flex;gap: 30rem;position: relative;}
.strategy .row .tit{width: 240rem;flex-shrink: 0;display: flex;align-items: center;margin-bottom: 0;}
.strategy .row *{word-break: keep-all;text-align: center;}
.strategy .row .strategy-box{width: 100%;display: flex;justify-content: center;align-items: center;}
.strategy .row.row1 .strategy-box{box-shadow: 6rem 6rem 12rem 0 rgba(85, 92, 141, 0.2);background: #0E1F44;color: #fff;min-height: 100rem;font-size: 24rem;font-weight: 600;border-radius: 6rem;line-height: 30rem;}
.strategy .row.row2{margin-top: 60rem;}
.strategy .row.row2 .strategy-box{flex-wrap:wrap;gap: 15rem;}
.strategy .row.row2 .strategy-box .detail-box{width: calc((100% - 15rem) / 2);color: #0E1F44;border-radius: 5rem;display: flex;justify-content: center;align-items: center;min-height: 100rem;font-size: 21rem;font-weight: 600;border: 1rem solid #d1dae5;background-color: #f8fbff;line-height: 27rem;padding: 0 30rem;}
.strategy .row.row3{margin-top: 60rem;}
.strategy .row.row3 .strategy-box{flex-wrap:wrap;gap: 20rem;}
.strategy .row.row3 .strategy-box .detail-box{width: calc((100% - 60rem) / 4);color: #fff;border-radius: 5rem;display: flex;justify-content: center;align-items: center;height: 100rem;font-size: 20rem;font-weight: 500;line-height: 26rem;padding: 30rem 40rem;}
.strategy .row.row3 .strategy-box .detail-box:nth-of-type(1){background: #22387a;}
.strategy .row.row3 .strategy-box .detail-box:nth-of-type(2){background: #2749ad;}
.strategy .row.row3 .strategy-box .detail-box:nth-of-type(3){background: #067ba5;}
.strategy .row.row3 .strategy-box .detail-box:nth-of-type(4){background: #058367;}
.strategy .row.row4 .strategy-box{flex-wrap:wrap;gap: 20rem;}
.strategy .row.row4 .strategy-box .detail-box{width: calc((100% - 60rem) / 4);height: 100%;border-radius: 5rem;display: flex;font-size: 18rem;line-height: 23rem;flex-direction: column;border: 1rem solid #ddd;justify-content: center;}
.strategy .row.row4 .strategy-box .detail-box:nth-of-type(1){border-color:#22387a;}
.strategy .row.row4 .strategy-box .detail-box:nth-of-type(2){border-color:#2749ad;}
.strategy .row.row4 .strategy-box .detail-box:nth-of-type(3){border-color:#067ba5;}
.strategy .row.row4 .strategy-box .detail-box:nth-of-type(4){border-color:#058367;}
.strategy .row.row4 .strategy-box .detail-box p{min-height: 80rem;display: flex;justify-content: center;align-items: center;border-bottom: 1rem dashed #d1dae5;padding: 20rem;}
.strategy .row.row4 .strategy-box .detail-box p:last-child{border:none;}
.strategy .row.row2:before,
.strategy .row.row3:before{content: '';width: 311rem;height: 40rem;background:url(/theme/energy/images/sub/strategy.png) no-repeat center;background-size: 100%;display: block;position: absolute;top: -62rem;left: 50%;margin-left: -20rem;opacity: 0.7;}

/* SUB0201_사업개요 */
.purpose{display: flex;flex-direction: column;gap: 20rem;}
.purpose .box{border: 1rem solid #d9d9d9;padding: 30rem;border-radius: 5rem;}
.purpose .box strong{font-size: 22rem;font-weight: 700;margin-bottom: 10rem;display: block;}
.purpose .box .ulSt li{margin-bottom:0;}
.purpose .box div{font-size: 18rem;margin-top: 10rem;background-color: #f8fbff;padding: 30rem;border-radius: 5rem; line-height: 24rem;}
.structure{display: flex;gap: 100rem;align-items: center;}
.structure .box-wrap{display: flex;flex-direction: column;gap: 50rem;width: calc((100% - 200rem) / 3);position:relative;}
.structure .box-wrap:before{content:'';width:1rem;height:100%;position:absolute;background:#d9d9d9;left:50%;z-index: -1;}
.structure .box-wrap .box{border: 1rem solid #d9d9d9;border-radius: 10rem;overflow: hidden;}
.structure .box-wrap .box .box-titBox{display: flex;flex-direction: column;width: 100%;min-height: 80rem;background: #fbfbfb;align-items: center;justify-content: center;padding: 15rem 20rem;gap: 15rem;text-align: center;word-break: keep-all;line-height: 30rem;}
.structure .box-wrap .box .box-titBox strong{font-size: 21rem;font-weight: 700;}
.structure .box-wrap .box .box-titBox .box-logo{display: flex;justify-content: center;align-items: center;}
.structure .box-wrap .box .box-cont{padding: 30rem;border-top: 1rem solid #d9d9d9;background: #fff;}
.structure .box-wrap.box-main{width: calc((100% - 100rem) / 3);}
.structure .box-wrap.box-main .box{border-color:#1e297f;box-shadow: 6rem 6rem 12rem 0 rgba(85, 92, 141, 0.2);}
.structure .box-wrap.box-main .box .box-titBox{background: #1E297F;color: #fff;}
.structure .box-wrap.box-main .box.box-sm .box-titBox{background: #1E297F;color: #fff;}
.structure .box-wrap.box-main .box .box-titBox strong{font-size: 25rem;}
.structure .box-wrap.box-main .box.box-sm .box-titBox{background: #1E297F;color: #fff;}
.overview{display: flex;gap: 30rem;align-items: center;}
.overview .overview-cont{width: 100%;}
.overview .overview-cont > ul{display: flex;flex-direction: column;gap: 20rem;margin-top: 10rem;}
.overview .overview-cont > ul > li{display: flex;gap: 15rem;align-items: flex-start;}
.overview .overview-cont > ul > li p{font-size: 18rem;line-height: 36rem;}
.overview .overview-cont ul li .tit{width: 75rem;display: flex;justify-content: center;background: #000b34;color: #fff;align-items: center;padding: 8rem;border-radius: 3rem 10rem;flex-shrink: 0;}
.overview .overview-cont .overview-list{margin-top: 5rem;display: flex;flex-direction: column;gap: 8rem;color: #333;}
.overview .overview-cont .overview-list li.area1 b{color: #008efc;}
.overview .overview-cont .overview-list li.area2 b{color: #019f55;}
.overview .overview-cont .cont-Tbl{margin-top: 15rem;}
.overview .overview-cont .cont-Tbl table thead th,
.overview .overview-cont .cont-Tbl table tbody td,
.overview .overview-cont .cont-Tbl table tfoot td{height: 50rem;padding: 10rem 15rem;}
.overview .overview-img{flex-shrink: 0;}
.overview.overview-both {gap: 50rem;align-items: flex-start;}
.overview.overview-both .overview-cont{width: calc((100% - 50rem) / 2);display: flex;flex-direction: column;}
.overview.overview-both .overview-cont .overview-tit{font-size: 25rem;width: 100%;display: flex;align-items: center;justify-content: center;height: 60rem;}
.overview.overview-both .overview-cont.area1{border: 1rem solid #008efc;}
.overview.overview-both .overview-cont.area2{border: 1rem solid #019f55;}
.overview.overview-both .overview-cont.area1 .overview-tit{background: #ebf6ff;border-bottom: 1rem solid #008efc;}
.overview.overview-both .overview-cont.area2 .overview-tit{background: #ebf7f2;border-bottom: 1rem solid #019f55;}
.overview.overview-both .overview-cont .overview-tit span{font-size: 22rem;margin-left: 6rem;}
.overview.overview-both .overview-cont.area1 .overview-tit span{color: #008efc;}
.overview.overview-both .overview-cont.area2 .overview-tit span{color: #019f55;}
.overview.overview-both .overview-cont ul li .tit{width: 106rem;}
.overview.overview-both .overview-cont.area1 ul li .tit{background:#008efc;}
.overview.overview-both .overview-cont.area2 ul li .tit{background:#019f55;}
.overview.overview-both .overview-cont .overview-inner{padding: 20rem 30rem;display: flex;flex-direction: column;align-items: center;gap: 30rem;min-height: 680rem;}
.overview.overview-both .overview-cont .overview-inner > ul{display: flex;flex-direction: column;gap: 12rem;margin-top: 10rem;width: 100%;}
.overview.overview-both .overview-cont .overview-inner > ul > li{display: flex;gap: 15rem;align-items: flex-start;}
.overview.overview-both .overview-cont .overview-inner > ul > li p{font-size: 18rem;line-height: 36rem;}
.overview.overview-both .overview-cont .overview-inner img{max-width:100%;display: inline-block;}

/* SUB020_비전및전략 */
.vision{display: flex;flex-direction: column;gap: 80rem;align-items: center;padding: 40rem 0;}
.vision .vision-txt{display: flex;flex-direction: column;align-items: center;gap: 20rem;}
.vision .vision-txt strong{color: #000f55;font-size: 40rem;font-weight: 800;display: flex;gap: 20rem;}
.vision .vision-txt strong:before,
.vision .vision-txt strong:after{content: '';width: 38rem;height: 27rem;background: url(/theme/energy/images/sub/visionT.png) no-repeat;background-size: 76rem;display: block;}
.vision .vision-txt strong:before{background-position: left center;}
.vision .vision-txt strong:after{background-position: right center;}
.vision .vision-txt p{font-size: 30rem;}
.vision img{max-width:100%;}
.promotion{display: flex;gap: 50rem;flex-wrap: wrap;margin-top: 50rem;}
.promotion .box{width: calc((100% - 100rem) / 3);border: 1rem solid #d1dae5;display: flex;flex-direction: column;align-items: center;gap: 25rem;position: relative;}
.promotion .box:before{content: '';width: 311rem;height: 40rem;background:url(/theme/energy/images/sub/strategy.png) no-repeat center;background-size: 100%;display: block;position: absolute;top: 50%;margin-top: -20rem;right: -182rem;opacity: 0.7;transform: scale(0.8) rotate(90deg);}
.promotion .box.box3:before{display:none;}
.promotion .box .box-titBox{display: flex;flex-direction: column;align-items: center;gap: 15rem;padding: 30rem 20rem 0;width: 100%;}
.promotion .box .box-titBox span{font-size: 19rem;display: block;padding: 5rem 15rem;color: #fff;}
.promotion .box .box-titBox p{font-size: 22rem;line-height: 28rem;text-align: center;}
.promotion .box .box-titBox p strong{font-size: 27rem;font-weight: 700;display: block;}
.promotion .box.box1 .box-titBox span{background: #2749ad;}
.promotion .box.box2 .box-titBox span{background: #067ba5;}
.promotion .box.box3 .box-titBox span{background: #058367;}
.promotion .box.box1 .box-titBox p{color: #2749ad;}
.promotion .box.box2 .box-titBox p{color: #067ba5;}
.promotion .box.box3 .box-titBox p{color: #058367;}
.promotion .box .box-img{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;padding: 0 20rem;}
.promotion .box .box-img p{width:100%;color: #fff;display: flex;justify-content: center;align-items: center;height: 48rem;font-size: 19rem;font-weight: 500;max-width: 410rem;}
.promotion .box.box1 .box-img p{background: #2749ad;}
.promotion .box.box2 .box-img p{background: #067ba5;}
.promotion .box.box3 .box-img p{background: #058367;}
.promotion .box .box-cont ul{display: flex;gap: 20rem;flex-direction: column;}
.promotion .box .box-cont ul li{display: flex;gap: 14rem;align-items: flex-start;}
.promotion .box .box-cont{background: #f8fbff;width: 100%;padding: 30rem 20rem;border-top: 1rem dashed #d1dae5;height: calc(100% - 423rem);}
.promotion .box .box-cont ul li strong{min-width: 95rem;display: flex;justify-content: center;background: #000b34;color: #fff;align-items: center;padding: 8rem;border-radius: 3rem 10rem;flex-shrink: 0;}
.promotion .box .box-cont ul li div{font-size: 20rem;line-height: 23rem;word-break: keep-all;width: 100%;}
.promotion .box .box-cont ul li div b{font-weight:700;}
.promotionBoth{display: flex;gap: 30rem;flex-wrap: wrap;}
.promotionBoth > div{width: calc((100% - 30rem) / 2);}
.promotionBoth .cont-Tbl table{border-spacing: 8rem;border-collapse: separate;border: none;}
.promotionBoth .cont-Tbl th{background: #f5f5f5;color: #000;border: 1rem solid #ddd;}
.promotionBoth .cont-Tbl th.color1{background: #2749ad;color: #fff;}
.promotionBoth .cont-Tbl th.color2{background: #067ba5;color: #fff;}
.promotionBoth .cont-Tbl th.color3{background: #058367;color: #fff;}
.promotionBoth .cont-Tbl table tbody td{padding: 10rem 5rem;border: 1rem solid #d1dae5;background: #fff;height: 200rem;}
.promotionBoth .cont-Tbl table tbody td p{margin: 5rem 0;}
.promotionBoth .cont-Tbl table tbody td .money{color: #000b34;font-weight: 700;}

/* SUB0302_입주기업 */
.company-list{width: 100%;display: flex;gap: 20rem;flex-wrap: wrap;}
.company-list .company{width: calc((100% - 20rem) / 2);border: 1rem solid #cbcfd6;display: flex;gap: 30rem;padding: 20rem 20rem;align-items: center;border-radius: 5rem;}
.company-list .company .company-thumb{width: 240rem;height: 100%;max-height: 140rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
.company-list .company .company-thumb span{background: #efefef;color: #686868;font-size: 18rem;font-weight: 500;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border-radius: 5rem;}
.company-list .company .company-thumb img{max-width:100%;max-height:100%;}
.company-list .company .company-info{display:flex;flex-direction:column;gap: 10rem;}
.company-list .company .company-info li{display:flex;}
.company-list .company .company-info li strong{width:120rem;flex-shrink: 0;color: #484848;}
.company-list .company .company-info li p{color: #1a1a1a;}
.company-list .company .company-info .tit{font-size: 20rem;font-weight: 700;line-height: 24rem;margin-bottom: 10rem;}

/* SUB0303_층별안내 */
.floor{border: 1rem solid #d9d9d9;position: relative;}
.floor .tab-wrap{position: absolute;margin: 0;padding: 20rem;right: 0;top: 0;border-bottom: 1rem solid #d9d9d9;}
.floor .tab-wrap .tab-list{border: none;gap: 15rem;float: right;}
.floor .tab-wrap .tab-list li a{background:#f8f9fa;min-width: 100rem;padding: 0;height: 70rem;border-radius: 5rem;}
.floor .tab-content{padding: 0 50rem 50rem;min-height: 400rem;}
.floor h3.tit{height: 120rem;line-height: 120rem;font-size: 35rem;}
.floor .floor-cont{display: flex;flex-direction: column;align-items: center;}
.floor .floor-img{display: flex;gap: 20rem;margin-top: 50rem;}
.floor .floor-img li{display:flex;flex-direction: column;align-items: center;gap: 10rem;}
.floor .floor-img p{font-size: 18rem;font-weight: 600;text-align: center;}

/* SUB0304_운영조직 */
.org-chart{display: flex;justify-content: center;flex-direction: column;align-items: center;position: relative;}
.org-chart:before{content: '';width: 1rem;height: 437rem;background: #cfcfcf;display: block;position: absolute;z-index: -1;top: 10rem;}
.org-chart .org1{width:210rem;height:210rem;border-radius:100%;background: linear-gradient(135deg, #3E5DF2 0%, #24368C 100%);display: flex;align-items: center;justify-content: center;margin-bottom: 70rem;}
.org-chart .org2,
.org-chart .org3{border: 1rem solid #d9d9d9;border-radius: 100rem;display: flex;align-items: center;justify-content: center;box-shadow: 6rem 6rem 12rem 0 rgba(85, 92, 141, 0.2);background: #fff;}
.org-chart .org2{padding: 0 60rem;height: 100rem;margin-bottom: 40rem;}
.org-chart .org3{padding: 12rem 16rem;margin-bottom: 100rem;}
.org-chart .org3 span{height: 80rem;width: 400rem;background: #1E297F;color: #fff;font-size: 28rem;font-weight: 600;display: flex;justify-content: center;align-items: center;border-radius: 100rem;}
.org-chart .org4{display: flex;justify-content: space-between;gap: 100rem;position: relative;}
.org-chart .org4:before{content: '';width: calc(100% - 240rem);height: 1rem;background: #cfcfcf;display: block;position: absolute;z-index: -1;top: -40rem;left: 50%;margin-left: -169rem;}
.org-chart .org4 .org4-div{position: relative;}
.org-chart .org4 .org4-div:before{content: '';width: 1rem;height: 40rem;background: #cfcfcf;display: block;position: absolute;z-index: -1;top: -40rem;left: 50%;}
.org-chart .org4 .org4-tit{background:#0E1F44;color:#fff;border-radius:5rem;margin-bottom: 7rem;line-height: 53rem;text-align: center;font-size: 20rem;font-weight: 500;}
.org-chart .org4 .org4-wrap{display:flex;gap: 7rem;}
.org-chart .org4 .org4-wrap .org4-box{border:1rem solid #cfcfcf;border-radius:5rem;min-width: 240rem;text-align: center;padding: 25rem 10rem;display: flex;flex-direction: column;gap: 12rem;}
.org-chart .org4 .org4-wrap .org4-box p{font-weight:600;font-size: 18rem;}
.org-chart .org4 .org4-wrap .org4-box span{color:#666;}

/* SUB0305_오시는길 */
.map-area{width: 100%;height: 580rem;border:1rem solid #cbcfd6;overflow: hidden;border-radius: 10rem;}
.map-info{display: flex;gap: 100rem;justify-content: center;margin-top: 50rem;}
.map-info li{display: flex;align-items: center;gap: 30rem;}
.map-info li div{display: flex;flex-direction: column;gap: 10rem;}
.map-info li:before{content: '';width: 120rem;height: 120rem;border-radius: 100%;background: #f6f6f6 url(/theme/energy/images/sub/map.png) no-repeat;background-size:240rem;display: block;flex-shrink: 0;}
.map-info li.address:before{background-position: left center;}
.map-info li.tel:before{background-position: right center;}
.map-info li strong{font-size: 20rem;}
.map-info li span{font-size: 19rem;color: #666;}




@media (max-width:1540px) {
    .greetings .greetings-bg p{padding: 0 30rem;}
    .greetings-cont{padding: 0 30rem;}
}
@media (max-width:1500px) {
    .sub .sub-tit{width: calc(100% - 60rem);}
    .sub .sub-inner{padding: 0 30rem;}
}
@media (max-width:1400px) {
    .overview .overview-img{width: 40%;}
}
@media (max-width: 1024px) {
    .sub #content{padding: 70rem 0;}
    .greetings .greetings-bg{height: 395rem;background-size: 1300rem;padding-bottom: 30rem;}
    .greetings .greetings-bg p{font-size: 40rem;line-height: 50rem;}
    .greetings-cont{flex-direction: column;gap: 50rem;margin: 80rem auto;}
    .greetings-cont .greetings-left{font-size: 24rem;line-height: 36rem;width: calc(100% - 160rem);}
    .greetings-cont .greetings-left br{display: none;}
    .greetings-cont .greetings-right { font-size: 20rem;line-height: 34rem;}
    .structure{gap: 30rem;}
    .structure .box-wrap{width: calc((100% - 60rem) / 3) !important;}
    .structure .box-wrap .box .box-cont{padding: 20rem;}
    .structure .box-wrap.box-main .box .box-titBox strong{font-size:23rem;}
    .overview{flex-direction: column;}
    .overview .overview-cont{order:2;}
    .overview .overview-img{width: 50%;}
    .structure{flex-direction: column;}
    .structure .box-wrap{width: 100% !important;}
    .structure .box-wrap:not(.box-main){order: 1;}
    .overview.overview-both{flex-direction: column;}
    .overview.overview-both .overview-cont{width: 100%;}
    .overview.overview-both .overview-cont .overview-inner{min-height: auto;}
    .overview.overview-both .overview-cont .overview-tit{font-size: 22rem;}
    .overview.overview-both .overview-cont .overview-tit span{font-size:20rem;}
    .promotion{gap: 30rem;}
    .promotion .box{width: 100%;}
    .promotion .box:before{display: none;}
    .promotion .box .box-img{width: auto;}
    .promotion .box .box-img p{max-width: 100%;}
    .promotion .box .box-cont{height: auto;}
    .promotionBoth{gap: 50rem;}
    .promotionBoth > div{width: 100%;}
    .intro-box2 div{width: calc((100% - 20rem) / 2);height: 280rem;}
    .strategy .row{flex-direction: column;margin-top: 40rem !important;}
    .strategy .row.row2:before, .strategy .row.row3:before{display: none;}
    .strategy .row.row3 .strategy-box{align-items: stretch;}
    .strategy .row.row3 .strategy-box .detail-box{height: auto;}
    .strategy .row.row4 .strategy-box .detail-box p{min-height: 115rem;}
    .strategy .row.row1 .strategy-box{font-size:22rem;padding: 0 50rem;}
    .company-list .company{width: 100%;}
    .board-list table thead{display: none;}
    .board-list table tbody tr {display: flex;width: 100%;border-bottom: 1px solid #ddd;position: relative;box-sizing: border-box;padding: 20rem 15rem;flex-wrap: wrap;gap: 15rem 10rem;}
    .board-list table tbody td{border:none;height: auto;font-size: 18rem;}
    .board-list table tbody td.col-tit{width:100%;font-size: 22rem;}
    .board-list table tbody td.col-view{display:none;}
    .board-view .view-tit{line-height: 35rem;font-size: 25rem;}
}
@media (max-width:860px) {
    .cont-Tbl table tbody td, .cont-Tbl table tfoot td{word-break: break-all;padding: 10rem;}
    .strategy .row.row3 .strategy-box .detail-box{width: calc((100% - 20rem) / 2);}
    .strategy .row.row4 .strategy-box .detail-box{width: calc((100% - 20rem) / 2);}
    .strategy .row.row4 .strategy-box .detail-box p {min-height: 85rem;}
    .floor .tab-wrap .tab-list{width: 100%;display: flex;}
    .floor .tab-wrap .tab-list li{width:100%;}
    .floor .tab-wrap .tab-list li a{min-width: auto;}
    .floor .tab-content{padding: 150rem 30rem 50rem;}
    .floor h3.tit{line-height: 50rem;height: 50rem;}
    .floor .floor-img{flex-wrap:wrap;}
    .floor .floor-img li{width:calc((100% - 20rem) / 2);}
    .org-chart:before{height: 397rem;}
    .org-chart .org1{width:180rem;height:180rem;}
    .org-chart .org1 img{width: 86%;}
    .org-chart .org2 {padding: 0 30rem;height: 80rem;}
    .org-chart .org3 span{font-size:23rem;height: 70rem;}
    .org-chart .org4{gap: 50rem;}
    .org-chart .org4:before{margin-left: -125rem;width: calc(100% - 200rem);}
    .org-chart .org4 .org4-wrap .org4-box{min-width:200rem;}
    .map-area{height: 380rem;}
    .map-info{flex-direction: column;gap: 30rem;margin-top: 30rem;}
    .map-info li:before{width: 100rem;height: 100rem;background-size: 200rem;}
    .board-view .view-top{padding:30rem 20rem;}
    .board-view .view-tit{line-height: 30rem;font-size: 22rem;}
    .board-view .view-attachment{flex-direction:column;padding: 20rem;}
}
@media (max-width:640px) {
    .sub #content {padding: 50rem 0;}
    .sub .sub-tit{width: calc(100% - 40rem);}
    .sub .sub-tit .tit{font-size: 30rem;}
    .sub .sub-tit span{font-size: 17rem;margin-bottom: 20rem;}
    .sub .sub-inner{padding: 0 20rem;}
    h3.tit{font-size: 25rem;margin-bottom: 20rem;}
    .paragraph{margin-bottom:70rem;}
    .tab-wrap{margin-bottom: 60rem;}
    .tab-list{width: 100%;}
    .tab-list li{width:50%;}
    .tab-list li a{font-size: 18rem;width: 100%;min-width: auto;padding: 15rem 0;}
    .greetings .greetings-bg {height: 270rem;background-size: 895rem;padding-bottom: 13rem;}
    .greetings .greetings-bg p {font-size: 30rem;line-height: 38rem;padding: 0 20rem;}
    .greetings-cont{padding: 0 20rem;margin: 50rem auto;gap: 35rem;}
    .greetings-cont .greetings-left{width: 100%;font-size: 22rem;line-height: 35rem;}
    .greetings-cont .greetings-right {font-size: 18rem;line-height: 28rem;}
    .purpose .box{padding: 20rem;}
    .purpose .box strong{font-size: 20rem;}
    .structure .box-wrap.box-main .box .box-titBox strong{font-size: 20rem;}
    .structure .box-wrap .box .box-titBox{min-height: 60rem;}
    .ulSt{gap: 7rem;}
    .ulSt li {font-size: 18rem;}
    .overview .overview-img {width: 80%;}
    .overview .overview-cont > ul > li p {font-size: 17rem;line-height: 22rem;}
    .overview .overview-cont ul li .tit{padding: 5rem;}
    .overview .overview-cont .cont-Tbl table thead th, .overview .overview-cont .cont-Tbl table tbody td, .overview .overview-cont .cont-Tbl table tfoot td{padding:5rem;}
    .cont-Tbl table{font-size: 15rem;line-height: 18rem;}
    .cont-Tbl table tbody th{padding:5rem;}
    .overview.overview-both .overview-cont .overview-inner{padding:20rem;}
    .overview.overview-both .overview-cont .overview-inner > ul > li{flex-direction: column;gap: 8rem;}
    .overview.overview-both .overview-cont .overview-inner > ul > li p{line-height: 22rem;}
    .overview.overview-both .overview-cont .overview-tit{font-size: 20rem;}
    .overview.overview-both .overview-cont .overview-tit span{font-size:18rem;}
    .vision{gap:30rem;padding: 30rem 0;}
    .vision .vision-txt strong{font-size: 26rem;gap: 10rem;}
    .vision .vision-txt strong:before, .vision .vision-txt strong:after{background-size: 42rem;width: 21rem; height: 16rem;}
    .vision .vision-txt p{font-size: 22rem;}
    .promotion .box .box-titBox p{font-size: 20rem;line-height: 25rem;}
    .promotion .box .box-titBox p strong{font-size: 22rem;}
    .promotion .box .box-titBox span{font-size: 17rem;}
    .promotion .box{gap: 17rem;}
    .promotion .box .box-img p{height: 40rem;font-size: 17rem;}
    .promotion .box .box-cont ul li div{font-size: 18rem;}
    .promotionBoth .cont-Tbl table {border-spacing: 0rem; border-collapse: collapse;}
    .promotionBoth .cont-Tbl table tbody td{height: 160rem;}
    .intro-box{font-size: 22rem;line-height: 30rem;padding: 20rem;}
    .intro-box2 div{width: 100%;height: auto;padding: 30rem 20rem;font-size: 19rem;line-height: 28rem;gap: 16rem;}
    .strategy .row.row1 .strategy-box{padding: 20rem;}
    .strategy .row.row2 .strategy-box .detail-box{width: 100%;font-size: 19rem;min-height: 88rem;}
    .strategy .row.row3 .strategy-box{gap: 15rem;}
    .strategy .row.row3 .strategy-box .detail-box{width: 100%;font-size: 18rem;padding: 20rem;}
    .strategy .row.row4 .strategy-box{gap: 15rem;}
    .strategy .row.row4 .strategy-box .detail-box{width: 100%;}
    .strategy .row.row4 .strategy-box .detail-box p{min-height: auto;}
    .company-list .company{flex-direction: column;}
    .company-list .company .company-thumb{height: auto;min-height: 72rem;}
    .company-list .company .company-info{width:100%;}
    .floor h3.tit{font-size: 25rem;margin-bottom: 0;}
    .floor .tab-wrap{padding: 10rem;}
    .floor .tab-wrap .tab-list{gap:10rem;}
    .floor .tab-wrap .tab-list li a{height: 55rem;}
    .floor .tab-content {padding: 100rem 20rem 30rem;}
    .org-chart{transform: scale(0.9);}
    .board-top .board-page{display: none;}
    .board-top .board-search select.form{width: 108rem;}
    .board-top .board-search input[type="text"].form{width: 230rem;}
    .board-list table tbody td{font-size:17rem;}
    .board-list table tbody td.col-tit{font-size:20rem;}
}




/* --- --- 추가 --- --- */
/*설립목적 및 근거*/
.purposeNew1{margin: 80rem 0;}
.purposeNew1 .list-top{display: flex;width: 80%;margin: 0 auto -30rem;align-items: center;gap: 20rem;}
.purposeNew1 .list-top div{text-align: center;font-weight: 500;font-size: 21rem;line-height: 27rem;width: calc((100% - 40rem) / 3);}
.purposeNew1 .bar{position: relative;display: flex;justify-content: space-between;}
.purposeNew1 .bar:before{content:'';width: 100%;height:5rem;display: block;position: absolute;top: 50%;margin-top: -2.5rem;background: rgb(39,73,173);background: linear-gradient(90deg, rgba(39,73,173,1) 0%, rgba(6,123,165,1) 50%, rgba(5,131,103,1) 100%);}
.purposeNew1 .bar strong{display: flex;width: 130rem;height: 130rem;justify-content: center;align-items: center;background: #ddd;border-radius: 100%;font-size: 23rem;font-weight: 600;color: #fff;position: relative;}
.purposeNew1 .bar strong:before{content:'';width:120%;height:120%;position:absolute;border-radius: 100%;opacity: 0.1;z-index: -1;}
.purposeNew1 .bar strong.bar1{background: #2749ad;}
.purposeNew1 .bar strong.bar2{background: #058367;}
.purposeNew1 .bar strong.bar1:before{background: #2749ad;}
.purposeNew1 .bar strong.bar2:before{background: #058367;}
.purposeNew1 .list-bottom{display: flex;width: 80%;margin: 0 auto;gap: 20rem;}
.purposeNew1 .list-bottom .mbShow{display: none;}
.purposeNew1 .list-bottom div{width: calc((100% - 40rem) / 3);border: 1rem solid #ddd;padding: 20rem;display: flex;flex-direction: column;gap: 20rem;border-radius: 10rem;position: relative;background: #fff;}
.purposeNew1 .list-bottom div:nth-of-type(1){border-color: #2749ad;}
.purposeNew1 .list-bottom div:nth-of-type(2){border-color: #067ba5;}
.purposeNew1 .list-bottom div:nth-of-type(3){border-color: #058367;}
.purposeNew1 .list-bottom div:before{content: '';width: 30rem;height: 30rem;border-radius: 100%;background: #fff;display: block;position: absolute;top: -81rem;left: 50%;margin-left: -15rem;border: 5rem solid #ddd;}
.purposeNew1 .list-bottom div:nth-of-type(1):before{border-color: #2749ad;}
.purposeNew1 .list-bottom div:nth-of-type(2):before{border-color: #067ba5;}
.purposeNew1 .list-bottom div:nth-of-type(3):before{border-color: #058367;}
.purposeNew1 .list-bottom div:after{content: '';width: 1rem;height: 52rem;background: #ddd;display: block;position: absolute;left: 50%;top: -52rem;z-index: -1;}
.purposeNew1 .list-bottom div p{font-size: 20rem;line-height: 26rem;word-break: keep-all;position: relative;padding-left: 13rem;}
.purposeNew1 .list-bottom div p:before{content: '';width: 6rem;height: 6rem;border-radius: 100%;display: block;position: absolute;left: 0;top: 8rem;background: #ddd;}
.purposeNew1 .list-bottom div:nth-of-type(1) p:before{background: #2749ad;}
.purposeNew1 .list-bottom div:nth-of-type(2) p:before{background: #067ba5;}
.purposeNew1 .list-bottom div:nth-of-type(3) p:before{background: #058367;}
.purposeNew1 .list-bottom div p b{font-weight: 700;}
.purposeNew1 .list-bottom div:nth-of-type(1) b{color: #2749ad;}
.purposeNew1 .list-bottom div:nth-of-type(2) b{color: #067ba5;}
.purposeNew1 .list-bottom div:nth-of-type(3) b{color: #058367;}
.purposeNew2{position: relative;display: flex;flex-direction: column;gap: 30rem;padding: 30rem 0;}
.purposeNew2:before{content: '';width: 2rem;height: 100%;left: 50%;top: 0;margin-left: -1rem;display: block;background: #e9e9e9;position: absolute;}
.purposeNew2 .box{width: 50%;position: relative;text-align:right;padding: 0 50rem;}
.purposeNew2 .box:before{content: '';display: block;width: 16rem;height: 16rem;position: absolute;background: #2a3777;border-radius: 100%;right: -8rem;top: 8rem;}
.purposeNew2 .box:after{content:'';display: block;width: 35rem;height: 1rem;position: absolute;background: #2a3777;top: 16rem;right: 0;z-index: -1;}
.purposeNew2 .box:nth-of-type(2n+1){left:50%;text-align:left;}
.purposeNew2 .box:nth-of-type(2n+1):before{right:auto;left: -8rem;}
.purposeNew2 .box:nth-of-type(2n+1):after{right:auto;left: 0rem;}
.purposeNew2 .box strong{ font-size: 30rem;color: #3e5df2;font-weight: 800;}
.purposeNew2 .box ul{display: flex;flex-direction: column;margin-top: 30rem;gap: 12rem;}
.purposeNew2 .box ul li{font-size: 20rem;}
.purposeNew2 .box ul li:before{content:'';width: 5rem;height: 5rem;background: #454545;display:inline-block;vertical-align: 5rem;border-radius: 100%;margin-right: 10rem;}
/*수행체계*/
.structure{flex-direction: column;position: relative;}
.structure:before{content: '';width: 1rem;height: calc(100% - 343rem);background: #d9d9d9;display: block;position: absolute;top: 0;left: 50%;}
.structure .box-wrap{flex-direction: row;width: auto;gap: 100rem;}
.structure .box-wrap .box{position: relative;width: 450rem;overflow: visible;}
.structure .box-wrap .box .box-titBox{justify-content: unset;padding: 20rem;min-height: 100rem;border-radius: 10rem 10rem 0 0;}
.structure .box-wrap .box .box-titBox .box-logo{position: absolute;background: #fff;top: 65rem;box-shadow: 3rem 3rem 6rem 0 rgba(89, 91, 103, 0.2);padding: 5rem 26rem;border-radius: 10rem;border: 1rem solid #ddd;height: 75rem;width: 60%;}
.structure .box-wrap .box .box-titBox .box-logo img{max-width:100%;max-height:100%;}
.structure .box-wrap .box .box-cont{padding-top: 70rem;min-height: 155rem;border-radius: 0 0 10rem 10rem;}
.structure .box-wrap.box-right{margin-left: auto;margin-top: -130rem;}
.structure .box-wrap.box-right .box:before{content: '';width: 350rem;height: 1rem;background: #d9d9d9;display: block;position: absolute;top: 50%;right: 389rem;z-index: -1;}
.structure .box-wrap .box .box-cont .ulSt li{font-size:20rem;}
.structure .box-wrap.box-bottom:before{width: calc(50% + 50rem);height: 1rem;left: 50%;transform: translateX(-50%);top: -48rem;}
.structure .box-wrap.box-bottom .box:before{content: '';width: 1rem;height: 50rem;background: #d9d9d9;display: block;position: absolute;top: -49rem;left: 50%;z-index: -1;}

@media (max-width:1400px) {
    .structure .box-wrap.box-right .box:before{right: 359rem;}
}
@media (max-width: 1024px) {
    .structure{gap: 60rem;}
    .structure:before{height: calc(100% - 320rem);}
    .structure .box-wrap.box-main{width: 350rem !important;}
    .structure .box-wrap.box-right{width: 350rem !important;margin: 0;}
    .structure .box-wrap.box-right .box:before{display: none;}
    .structure .box-wrap.box-bottom:before{top: -35rem;}
    .structure .box-wrap.box-bottom .box:before{top: -36rem;}
}
@media (max-width:860px) {
    .structure:before {height: calc(100% - 373rem);}
    .purposeNew1{margin-top:0;}
    .purposeNew1 .list-bottom{flex-direction: column;width: 100%;}
    .purposeNew1 .list-bottom > div{width: calc(100% - 200rem);margin-left: 200rem;min-height: 150rem;}
    .purposeNew1 .list-bottom div:before{display: none;}
    .purposeNew1 .list-top{display: none;}
    .purposeNew1 .list-bottom .mbShow{display: block;position: absolute;border: none;left: -200rem;width: 180rem;height: 100%;top: 0;background: #f3f3f3;padding: 18rem 10rem;font-size: 18rem;word-break: keep-all;line-height: 22rem;}
    .purposeNew1 .list-bottom div:after,.purposeNew1 .bar{display:none;}
}
@media (max-width:640px) {
    .structure{gap: 30rem;}
    .structure .box-wrap{flex-direction: column;gap: 30rem;}
    .structure .box-wrap:before,.structure:before,.structure .box-wrap.box-bottom .box:before{display: none;}
    .structure .box-wrap .box,.structure .box-wrap.box-right,.structure .box-wrap.box-main{width: 100% !important;}
    .structure .box-wrap .box .box-cont .ulSt li{font-size: 17rem;}
    .structure .box-wrap .box .box-titBox .box-logo{width: 53%;height: 63rem;}
    .structure .box-wrap .box .box-cont{padding-top: 50rem;min-height: 127rem;}
    .purposeNew1 .list-bottom .mbShow{width: 100%;left: 0;position: relative;text-align: center;font-size: 16rem;height: auto;padding: 10rem;line-height: 18rem;margin-bottom: 10rem;}
    .purposeNew1 .list-bottom > div{width: 100%;margin-left: 0;gap: 5rem;}
    .purposeNew1 .list-bottom div p{font-size:16rem;}
    .purposeNew2 .box{padding: 0 40rem 0 0;}
    .purposeNew2 .box:nth-of-type(2n+1){padding: 0 0 0 40rem;}
    .purposeNew2 .box strong{font-size: 25rem;}
    .purposeNew2 .box ul li {font-size: 16rem; line-height: 22rem;word-break: keep-all;}
}