@CHARSET "UTF-8";

h1,h2,h3,h4,h5,input,select{color:#333; font-family:Malgun Gothic, "맑은 고딕",'돋움', Dotum, verdana; font-size:12px; font-weight:normal;  }/*@@@ 나눔고딕 추가 & line-height 제거 @@@*/
img,input,select,textarea{vertical-align:middle;}

.sticky-wrap {
    position: sticky;
    top: 100px;
    margin-left: 20px;
    width: 210px;
    background: white;
    padding:10px;
}


.blue{color:#0012ff;}

.cont-wrap>.inner {
	overflow: unset !important;
}

/*오른쪽 배너 다들고 댕겨야할꺼*/
#freeconcounsel_con {
	/*font-size: 13px;*/
}
#freeconcounsel_wrap{width: 190px; height: 200px; background-color: #f1f1f1;}
#freeconcounsel_hd img{width: 133px; margin: 0 auto; display: block; padding:20px 0 10px 0 ;}
#freeconcounsel_con span{color: #3c3c3c;}
#freeconcounsel_con p{text-align: center; padding-top: 16px;}
#freeconcounsel_con p input{vertical-align: baseline;}
#freeconcounsel_con .freeconcounsel_box{padding: 0 0 4px 10px;}
#freeconcounsel_ft .btn_freeconcounsel{width: 72px; height: 25px; background-color: #9b9c9c; margin: 0 auto; border-radius: 3px; cursor: pointer;}
#freeconcounsel_ft .btn_freeconcounsel p{text-align: center; color: #fff; line-height: 25px;}
#freeconcounsel_wrap input{border: 1px solid #dcdcdc;}


/* 메인 컨텐츠 */
.main-contents {
    height: auto;
}
.main-section {
    background: #f3faf5;
}
.main-sec01 {
    padding: 30px;
}
.main-banner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.main-banner .left {
    display: flex;
    flex-direction: column;
}
.main-banner .left .text {
    font-size: 22px;
    letter-spacing: -0.8px;
    margin-top: 30px;
    line-height: 28px;
    font-weight:500;
    position: relative;
    z-index: 1;
}
.main-banner .left .text:after {
    content: "";
    position: absolute;
    top:16px;
    left:-5px;
    width:180px;
    height: 10px;
    background: #fff200;
    z-index: -1;
}
.main-banner .right {
    position: relative;
    top:27px;
    right: 45px;
}

/* 설명 섹션 시작 */
.main-sec-wrap {
    margin-top: 50px;
}
.main-sec-wrap .sec-wrap {
    background: #fff;
    padding: 30px 30px 20px 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    height: 249px;
    overflow: hidden;
}
.main-sec-wrap .sec-wrap .sec {
    position: relative;
}
.main-sec-wrap .sec-wrap:nth-child(2) .sec {
    top:15px;
}
.main-sec-wrap .sec-wrap:nth-child(3) .sec {
    top:15px;
}
.main-sec-wrap .sec-wrap .sec .txt {
    margin-left: 70px;
}
.txt .title {
    font-size: 26px;
    letter-spacing: -0.8px;
    font-weight: bold;
    line-height: 33px;
}
.txt .number {
    position: absolute;
    left:0;
    top:4px;
}
.txt .g {
    color:#4bb469;
}
.txt .con {
    display: block;
    font-size: 16px;
    letter-spacing: -0.8px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 15px;
}
.sec .img-1 {
    margin-right: 50px;
    margin-top: 20px;
}
.sec .img-2 {
    margin-right: 30px;
    margin-top: 7px;
    position: relative;
    bottom: -21px;
}
.sec .img-3 {
    margin-top: 15px;
}
.s-btn-wrap {
    margin-top: 15px;
}
.s-btn-wrap button {
    margin-right: 10px;
}
.s-btn-wrap button a {
    border:1px solid #4bb469;
    color:#4bb469;
    border-radius: 3px;
    font-size: 16px;
    line-height: 50px;
    display: block;
    padding: 0 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}
.s-btn-wrap button a i {
    font-size: 18px;
    position: relative;
    top: -2px;
    left: 3px;
}
.s-btn-wrap button a:hover {
    background: #4bb469;
    color: #fff;
    transition: 0.3s;
}

/* 두번째 섹션 */

.bottom-section {
    margin: 70px 120px 90px 130px;
}
.bottom-section .title {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -0.8;
    line-height: 42px;
    position: relative;
}
.bottom-section > .title:after {
    content: "";
    position: absolute;
    top:-15px;
    left:0;
    background: #4bb469;
    width:48px;
    height: 3px;
}
.bottom-section .sec-01 {
    display: flex;
    margin-top: 80px;
}
.bottom-section .sec-01 .txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 110px;
}
.bottom-section .sec-01 .txt .txt-p {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-top: 15px;
    font-weight: 400;
}

.bottom-section .sec-02 {
    display: flex;
    margin-top: 100px;
    justify-content: space-between;
}
.bottom-section .sec-02 .txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.bottom-section .sec-02 .txt .txt-p {
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-top: 15px;
    font-weight: 400;
}
.bottom-section .sec-02 .re {
    position: relative;
    right: -45px;
}

/* 세번째 섹션 */

.end-section {
    border-top:1px solid #c4c4c4;
}
.end-sec-wrap {
    padding: 50px 130px;
}
.end-sec-wrap .title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.end-sec-wrap .title img {
    position: relative;
    top:-7px;
    left: -5px;
}
.sec-box-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 50px;
}
.sec-box-wrap .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.sec-box-wrap .box .num {
    font-size: 24px;
    font-weight: bold;
    color: #4bb469;
    position: relative;
}
.sec-box-wrap .box:after {
    content: "";
    position: absolute;
    top:45px;
    left: 50%;
    transform: translateX(-50%);
    width:136px;
    height: 2px;
    background: #4bb469;
    z-index: 3;
    
}
.sec-box-wrap .box .txt {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
    margin-top: 40px;
    font-weight: 400;
    text-align: center;
}
.end-sec-wrap .txt-01 {
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-top: 75px;
}
.end-sec-wrap .txt-02 {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
}


 /* 240318_25년 한전단가 모집 시작_조정은 */
.hj-side-banner{
    cursor: pointer;
    position: fixed;
    top:260px;
    margin-left:1420px;
    text-align: initial;
}
 /* 240318_25년 한전단가 모집 끝_조정은 */