@charset "utf-8";
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
body.main::-webkit-scrollbar {display: none;}
body.main header{border-bottom: none}
.tab_cont {display: none;}
.tab_cont.on {display: block;}
.pb0{padding-bottom: 0 !important;}
.header .content {max-width: 1400px;}
footer .inner-box{overflow: hidden;max-width: 1360px;margin: auto;}
footer .list_area{display:block;overflow: initial;margin: auto;}
footer. swiper{overflow: hidden}
footer .swiper-wrapper{align-items: center;gap: 100px;}
footer .list_area{padding: 40px 10px;}
footer .list_area .list li .link{display: block}
footer .list_area .list li .link .img_area{display: flex;align-items: center;justify-content: center;height: 35px;}
footer img{display: block;}

section .inner{display: flex;flex-wrap: wrap; gap: 0 40px;max-width: 1400px; margin: auto;padding:0 20px;}
main{padding: 170px 0 70px;}
.sec1{height: 480px;padding: 35px 0px 30px 20px;background-color: #f7f5f3;}
.sec2{margin-top: 130px;}
.sec1 .inner{align-items: center;justify-content: right;position: relative;height: 100%;}
.visual{position: absolute;top: -67px;left: 0;width: calc(100% - 300px);height: 540px;padding: 65px 50px;border-radius: 24px;background-image: url(/images/pegs/gas/visual-img.jpg);background-position: top center;background-repeat: no-repeat;background-size: cover;}
.visual .text1{font-size: 20px;font-weight: 600;color:rgba(255,255,255,.7);word-break: keep-all;}
.visual strong{display:block;padding-top:16px;font-family: 'GMarketSans';font-size: 56px;font-weight: 700;line-height: 1.142;color:#fff;}
.visual .br{display: block}
.visual .text2{padding-top: 30px;font-size: 20px;font-weight: 500;line-height: 1.5;color: #fff;word-break: keep-all;}
.visual .text2 .col{color:#eae152;}
.search-wrap{width: 100%;max-width: 240px;}
.search-wrap .item{position: relative;}
.search-wrap .item:before{content:'';position: absolute;background-repeat: no-repeat;background-position: 0 0;}
.search-wrap .item.search:before{right: 10px;top: -8px;width: 89px;height: 70px;}
.search-wrap .item.link:before{top: 50%;transform: translateY(-50%);right: 24px;}
.search-wrap .item:before{background-image: url(../../images/pegs/gas/company-search-img.png);}
.search-wrap .item:before{background-image: url(../../images/pegs/gas/company-search-img.png);}
.search-wrap .item.type1:before{width: 41px;height: 40px;background-image: url(../../images/pegs/gas/gas-info-ic.png);background-size: 41px auto;}
.search-wrap .item.type2:before{width: 39px;height: 39px;background-image: url(../../images/pegs/gas/gas-law-ic.png);background-size: 39px auto;}
.search-wrap .item.link{padding-top: 25px;}
.search-wrap .item.link.type1{padding-bottom: 25px;}
.search-wrap .item.link.type2{padding-bottom: 0;border-top: 1px solid #c5c9cd;}
.search-wrap .title{padding-bottom:18px;font-size: 20px;font-weight: 600;line-height: 1.3;color: #222222;}
.search-wrap button{width: 100%;height: 48px;margin:10px 0 4px;border-radius: 7px;border:1px solid #007f7b; font-size: 17px;font-weight: 600;color: #fff;background:#007f7b;}
.search-wrap button:hover{background:#fff;color: #007f7b;}
.search-wrap input{height: 45px;margin-top: 8px;padding: 0 17px; border: 1px solid #ddd;font-size: 15px;font-weight: 600;color:#333;}
.search-wrap input::placeholder{font-size: 15px;font-weight: 600;color:#777;}
.search-wrap select{position: relative;z-index: 1;height: 45px;padding: 0 17px;border: 1px solid #ddd;font-weight: 500;font-size: 15px;line-height: 45px;color: #777;    background-image: url(../../images/pegs/gas/main-sel-ic.png);background-size: auto;}
.search-wrap .item.link span{display: table;padding-right: 16px;font-size: 15px;font-weight: 600;color: #666666;background-image: url(../../images/pegs/gas/arrow-ic.png);background-repeat: no-repeat;background-position: right center; }
.sec2 .inner > div{flex: auto;}
.reg{width: calc(31% - 24px);}
.top-box{display: flex; align-items: center; justify-content: space-between;width: 100%; padding-bottom: 48px;}
.top-box .title{font-size: 25px;font-weight: 700;line-height: 1.12;color: #222222;}
.top-box a{position: relative;padding-right: 20px;font-size: 15px;font-weight: 500;color: #999999;transition: color 0.1s ease;}
.top-box a:hover{color:#333;}
.top-box a:after{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 0; width: 12px;height: 12px;background-image: url(../../images/pegs/gas/more-ic.png);background-repeat: no-repeat;background-position: 0 0;transition: transform 0.3s ease;}
.top-box a:hover:after{transform: translateY(-50%) rotate(45deg);margin-top: -1px;background-image: url(../../images/pegs/gas/more-hover-ic.png);}
.date-on{font-size: 15px;font-weight: 500;line-height: 1.75;color: #666666;}
.regChart{position: relative;width: 100%;max-width:280px;margin: 48px auto 0;}
.regChart canvas{width: 100%}
.regChart p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 16px;font-weight: 700; line-height: 1.25;color: #444444;text-align: center;}
.regChart p strong{display: block;font-size: 20px;}
.legend{display: flex; align-items: center;justify-content: center;gap: 30px; margin-top: 50px;}
.legend li{font-size: 15px;font-weight: 600;}
.legend li:before{content:'';display: inline-block;width: 16px;height: 4px;margin-top: -2px;margin-right: 13px;border-radius: 10px;vertical-align: middle;}
.legend li.col1:before{background:#148e2e;}
.legend li.col2:before{background:#2175f3;}
.legend li.col3:before{background:#f36f21;}
.legend li.col1{color:#007f7b;}
.legend li.col2{color:#2175f3;}
.legend li.col3{color:#f36f21;}
caption{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
.tbl-wrap{overflow: hidden;border-radius: 10px;border: 1px solid #e0e0e0;}
.tbl-wrap table{border-top: none;}
.tbl-wrap table thead tr{border-bottom: 1px solid #e0e0e0;}
.tbl-wrap table tbody tr{border-bottom: none;}
.tbl-wrap th{height:52px;font-size:17px;font-weight:600;background: #f7f5f3;color:#655a4f;}
.tbl-wrap td{padding: 4px 10px;border-right: 1px solid #e0e0e0;font-size: 16px;font-weight: 500;color: #666666; text-align: center;}
.tbl-wrap td:last-child{border-right: none}
.tbl-wrap td:nth-child(2n+1){color:#888888;}
.tbl-wrap tr:first-child td{padding-top: 15px;}
.tbl-wrap tr:last-child td{padding-bottom: 15px;}
.tbl-wrap td.col{color:#007f7b;}
section .list li a{display: block;height: 100%;border-radius: 13px;border:1px solid #e0e0e0;}
.notice .list li a{padding:20px}
.recruit .list li a{padding:22px 24px;}
section .list .tit{font-weight: 600;line-height: 1.25;color: #444444;}
.notice .tit{font-size: 17px;}
.recruit .tit{font-size: 21px;}
section .list .tit,
.notice .cont{text-overflow: ellipsis;overflow: hidden;}
.notice .cont{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
section .list .cont{padding-top: 13px;font-size: 15px;line-height: 1.33;color: #999999;}
section .list{overflow-y: auto;max-height: 370px;padding-right: 8px;}
section .list::-webkit-scrollbar{width: 3px;}
.notice{width: calc(38% - 9px);}
.notice .list{padding-left: 3px;}
.notice .list li{height: 122px;}
.notice .box{display: flex;flex-wrap: wrap;align-items: center;gap: 20px;}
.notice .tit{flex: 1;white-space: nowrap;}
section .list li + li{margin-top: 10px;}
.notice .list a:hover{border: 1px solid #007f7b;}
.notice .list li span{font-weight: 500;font-size: 14px;color:#007f7b;}
.recruit{width: calc(20% - 25px);}
.recruit .list{ /*-webkit-mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);*/ /*mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);*/}
.recruit .list a:hover{border: 1px solid #f36f21;}
.recruit .col{display: block;padding-bottom: 10px;font-size: 15px;font-weight: 500;line-height: 1.3;color: #f36f21;}
.recruit span{display: block;padding-top: 10px;font-weight: 500;font-size: 15px;color: #007f7b;}
.sec3{margin-top: 105px;}
.thumb-board{flex: auto;width: 100%;}
.thumb-board ul{display: flex;flex-wrap: wrap;gap: 26px;}
.thumb-board li{flex: none;width: calc(25% - 20px);}
.thumb-board a:hover img{scale: 1.1;}
.thumb-board .thumb{overflow: hidden;height: 200px;border-radius: 13px;}
.thumb-board img{width: 100%;height: 100%;object-fit: cover;}
.thumb-board span{display: block;padding-top: 18px;font-size: 15px;font-weight: 500;color: #999999;}
.thumb-board p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 25px;font-size: 21px;font-weight: 500;color: #222222;}
.thumb-board a:hover p{color:#f36f21;}
section li.no-result{display: flex;align-items: center;justify-content: center;width: 100% !important;font-size: 20px;font-weight: 600;color: #444;text-align: center;}
@media only screen and (max-width: 1600px) {
    footer .banner .swiper-wrapper{gap: 90px;}
    footer .list_area{padding: 30px 10px;}
}

@media only screen and (max-width: 1400px) {
    .visual{width: calc(100% - 340px);}
    .visual strong{font-size: 50px;}
    .visual .text2{padding-top: 25px;font-size: 19px;}
    .search-wrap{max-width: 280px;}
    .search-wrap .title{font-size: 19px;}
    .search-wrap button{font-size: 16px;}
    .search-wrap .item.link{padding-top: 20px;}
    .search-wrap .item.link.type1{padding-bottom: 20px;}
    .search-wrap .item.link:before{right: 15px;}
    .search-wrap .item.type1:before{width: 36px;height: 36px;background-size: 36px auto;}
    .search-wrap .item.type2:before{width: 35px;height: 34px;background-size: 35px auto;}
    .top-box .title{font-size: 23px;}
    section .inner{gap: 0 30px;}
    .date-on{font-size: 15px;}
    .tbl-wrap th{padding: 10px 15px;font-size: 16px;}
    .notice .tit{font-size: 16px;}
    .recruit span{font-size: 14px}
    .recruit .tit{font-size: 19px;}
    .recruit .col{padding-bottom: 8px;font-size: 14px;}
    .thumb-board p{font-size: 20px;}
    .thumb-board span{padding-top: 14px;}

    section li.no-result{font-size: 19px;}
}
@media only screen and (max-width: 1360px) {
    main {padding: 150px 0 70px;}
}

@media only screen and (max-width: 1280px) {
    footer .list_area{padding: 20px 10px;}
    footer .swiper-wrapper{gap: 70px;}
    footer .list .img_inner{display: flex;align-items: center;justify-content: center;}
    footer .list img{width: 70%;}
    main{padding: 158px 0 70px;}
    .sec1{height: 420px;padding: 25px 0px 25px 20px;}
    .search-wrap{max-width: 310px;}
    .search-wrap .item.search:before{top: -14px;width: 70px;height: 56px;background-size: 70px auto;}
    .search-wrap .title{padding-bottom: 10px;font-size: 18px;}
    .search-wrap button{height: 45px;}
    .visual{width: calc(100% - 365px);height: 500px;padding: 60px 40px;background-position: top right;}
    .visual .text1{font-size: 18px;}
    .visual strong{font-size: 44px;}
    .visual .text2{padding-top: 20px;font-size: 18px;}
    .sec2{margin-top: 100px;}
    .top-box{padding-bottom: 35px;}
    .top-box .title{font-size: 20px;}
    .top-box a{font-size: 14px;}
    .regChart{max-width: 260px;}
    .regChart p{font-size: 15px;}
    .regChart p strong{font-size: 18px;}
    .legend{gap: 20px;margin-top: 40px;}
    .legend li{font-size: 14px;}
    .legend li:before{margin-right: 8px;}
    .tbl-wrap td{font-size: 15px;}
    section .list{max-height: 360px;}
    .sec3{margin-top: 70px;}
    section .list li a{padding: 20px;}
    .thumb-board .thumb{height: 180px;}
    .thumb-board p{margin-top: 20px;font-size: 19px;}
    .thumb-board span{padding-top: 8px;font-size: 14px;}

    section li.no-result{font-size: 17px;}
}
@media only screen and (max-width: 1024px) {
    main{padding: 94px 0 70px;}
    .visual{top: -43px;height: 470px;padding: 50px 30px;}
    .visual .text1{font-size: 17px;}
    .visual strong{font-size: 34px;}
    .visual .text2{padding-top: 15px;font-size: 17px;}
    .search-wrap .item.link{padding-bottom: 18px;}
    .search-wrap .item.link.type1{padding-bottom: 18px;}
    .search-wrap .item.type1:before{background-size: 30px auto;}
    .search-wrap .item.type2:before{background-size: 32px auto;}
    .sec2{margin-top: 70px;}
    .reg{width: 100%;margin-bottom: 45px;}
    .regChart{margin: 30px auto 0;}
    .legend{margin-top: 30px;}
    .tbl-wrap th{height: 48px;font-size: 15px;}
    .tbl-wrap tr:first-child td{padding-top: 12px;}
    .tbl-wrap tr:last-child td{padding-bottom: 12px;}
    .sec3{margin-top: 45px;}
    .top-box {padding-bottom: 20px;}
    .thumb-board .thumb{height: 160px;}
    .thumb-board p{margin-top: 15px;font-size: 18px;}
}
@media only screen and (max-width: 768px) {
    footer .list_area {padding: 20px 10px;}
    footer .list_area .list {gap: 50px;overflow: initial;overflow-x: initial;}
    footer .img_area {min-width: 160px;}
    main{padding: 94px 0 40px;}
    .sec1{height: auto;padding: 25px 0;}
    .visual{position: static;width: 100%;height: 330px; padding: 40px 25px;margin-top: -43px;}
    .visual .text1{font-size: 16px;}
    .visual strong{padding-top: 10px;font-size: 25px;}
    .visual .text2 {padding-top: 12px;font-size: 16px;}
    .search-wrap{max-width: 100%;margin-top: 20px;}
    .search-wrap .title{font-size: 16px;}
    .search-wrap button{font-size: 15px;}
    .sec2{margin-top: 30px;}
    .reg{margin-bottom: 30px;}
    .regChart{max-width: 200px;}
    .regChart p{ font-size: 14px;}
    .regChart p strong{font-size: 16px;}
    .legend{margin-top: 20px;}
    .notice{width:100%;margin-right: 0}
    .recruit{width: 100%; margin-top: 30px;}
    .top-box .title{font-size: 18px;}
    .notice .box{gap: 5px}
    .notice .list .tit{flex: auto;font-size: 15px;}
    .recruit .list .tit{font-size: 17px;}
    section .list ul{display: flex;align-items: center;gap: 10px;}
    section .list li .cont{padding-top: 10px;font-size: 14px;}
    section .list li span{font-size: 14px;}
    section .list ul{display: flex;flex-wrap: initial}
    section .list li{min-width: 270px; max-width: 270px;}
    .notice .list li{flex: none;width: auto;height: 125px;}
    section .list li.no-result{max-width: 100%;  height: 90px;}
    .recruit .list{padding-right: 0;}
    .recruit .list li{flex: none;}
    section .list li + li{margin-top: 0;}
    .notice .list::-webkit-scrollbar,
    .recruit .list::-webkit-scrollbar{height: 4px;}
    .notice .list,
    .recruit .list{overflow-x: auto;overflow-y: hidden; padding-bottom: 10px;}
    .notice .list li a{padding: 16px 20px;}
    .thumb-board ul{gap: 15px;}
    .thumb-board li{width: calc(50% - 8px);}
    .thumb-board p{font-size: 16px;}
    .thumb-board span{padding-top: 5px;}
    section li.no-result{font-size: 15px;}
}
@media only screen and (max-width: 480px) {
    .visual{padding: 40px 20px;}
    .visual .text1 .br{display: inline-block}
    .visual .br{display: inline;}
    .search-wrap .item.search:before{top: -3px;width:50px;height: 40px;background-size: 50px auto;}
    .thumb-board li{width: 100%}
}