@charset "utf-8";
@import url(../../css/default.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(../../css/notosanskr.css);

/*************************************************
프로젝트명 : 에너지경제 리뉴얼 2020
commnet : common.css
*************************************************/

#login-wrap{background:#EDEDED; width:100%; height:980px;}
#sign-wrap{background:#EDEDED; width:100%; height:auto;}
#complt-wrap{background:#EDEDED; width:100%; height:980px;}
#find-wrap{/* background:rgb(0,0,0,0.8); */width: 510px;height: 452px;border: 1px solid #DDDDDD;padding: 25px 25px 5px 25px;}
#send-wrap{width: 510px;height:332px;border: 1px solid #DDDDDD;padding: 25px 25px 5px 25px;}
.sticky h1 a{text-indent: -99999px;}

.member-login{position:relative; width:648px; height:100%; background:white; margin:0 auto;}
.member-head{width:100%; height:114px; border-bottom:1px solid #efefef;}
.member-head h1{position:relative; top:28px; margin:0 auto; width:220px; background-size:220px;}
.member-head h1 img{display:none;}
.member-head h2{position: absolute;top: 37px;margin-left: 26px;background: url(../../images/sprites_img.png)no-repeat;display: inline-block;width: 20px;height: 30px;background-position: -385px -6px;cursor: pointer;}
.member-head h2 a{display:block; width:100%; height:100%;}
.member-body{margin:0 auto;width:440px;height:auto;overflow: hidden;margin-top:55px;min-height: 440px;}
.member-step{overflow: hidden;margin-bottom: 80px;text-align:center;}
.member-step ul{display:inline-block;}
.member-step ul li{float:left;padding: 5px 39px; font-size: 16px;border-left: 1px solid #efefef;}
.member-step ul li:first-child{border:none;}
.on-step{color: red;font-weight: 400;}
.member-title{text-align:center; color:black; font-size:28px;line-height: 30px; font-weight:500; margin-bottom:26px; clear: both;}
.login-title{text-align:center; color:black; font-size:28px;line-height: 30px; font-weight:500; margin-bottom:50px;}
.login-title span{color:#DD121A; font-weight:500;}
.type-btn-box {text-align: center;margin-bottom:16px; cursor:pointer;}
.login-btn {width:440px; height:46px;line-height:46px;background: #FA2931;color: white;font-size:18px;font-weight:400;display: inline-block; border-radius: 5px; cursor:pointer;}
.login-input p{border: 1px solid #CBCBCB;height: 48px;border-radius: 6px;margin-bottom:12px;}
.login-input p input{margin:14px 0 0 16px;letter-spacing:0px; width:92%;}
.login-input p:nth-child(2) input{letter-spacing:6px; width:92%;}
.login-input p input::placeholder{color:#A5A5A5; font-size:14px; letter-spacing:0; font-weight:100;}
.login-check-box .chb-design{width:18px; height:18px;letter-spacing:0px;}
input[id="autoLogin"]{cursor: pointer;}
input[id="id-save"]{cursor: pointer;}
input[id="autoLogin"]:checked{background:red !important;}
.login-check{margin-bottom:104px;}
.login-check p{display: inline-block;float: left;margin-right:18px;}
.login-check label{position: relative; top:1px;margin-right:6px; margin-left:1px; color:#797979;}
.login-finder{margin-left: 21%; overflow: hidden;}
.login-finder ul li{float:left; margin-right:14px;}
.login-finder ul li a{color:#2B2B2B; font-weight:300; font-size:15px;}
.login-finder ul li::after{content: '';width: 1px;height: 10px;background: #969696;display: inline-block;margin-left: 14px;}
.login-finder ul li:nth-child(3)::after{display:none;}
.bottom-copy{color: #5d5d5d;font-weight: 400;text-align: center;bottom: 0;position: absolute;width: 100%;margin-bottom: 25px;}
/* 메인 로그인 e */
.join-body{width: 800px;}
.agree-check{width:440px; margin:0; padding-top:6px; overflow:hidden; margin-bottom:60px; float:left;}
.agree-check form{width:440px; overflow:hidden;}
.check-head{display: inline-block;float: left; margin-bottom:20px;border-bottom: 1px solid #CCCCCC; padding: 14px 12px;}
.check-sub{border-bottom: 1px solid #CCCCCC;padding-bottom: 14px;}
.last-check{margin:0px 0 30px 0;}
input[id="agree-txt"]{width:16px; height:16px; cursor: pointer; margin-right:8px;float: left; margin-bottom: 1px; margin-top:3px;}
input[id="agree-txt2"]{width:16px; height:16px; cursor: pointer; margin-right:8px;float: left; margin-top:3px; margin-bottom: 1px;}
input[id="agree-txt3"]{width:16px; height:16px; cursor: pointer; margin-right:8px;float: left; margin-top:3px; margin-bottom: 1px;}
input[id="agree-txt4"]{width:16px; height:16px; cursor: pointer; margin-right:8px;float: left; margin-top:3px; margin-bottom: 1px;}
.agree-check label {font-size:14px; color:#2D2D2D; line-height: 20px;}
.agree-check label span{color:#DD121A;}
.use-agree{width: auto;border:1px solid #d8d8d8; border-radius: 6px; height: 210px;overflow: hidden; padding: 12px 0 10px 12px;margin-bottom: 20px;}
.check-text{height: 180px;padding: 0px 1px 0px;overflow: scroll;overflow-x: auto;}
.check-text3{height: 180px;padding: 0px 1px 0px;overflow: scroll;overflow-x: auto;}
.check-text h4{margin-top:16px; font-size:16px; color:#333333; margin-bottom:12px;}

/* 정보입력 s */
.infor-wrap{margin-bottom:104px; padding-top:6px; width:440px; margin:0 auto 40px auto; overflow:hidden; float:left;}
.infor-head{display: inline-block; font-size:13px; color:#6B6B6B; margin:55px 26px 15px 0;float: right;}
.infor-head::before{content: ''; width: 17px; height: 20px; display: inline-block; background: url(../../images/sprites_img.png)no-repeat -440px -10px;}
.infor-write{width: auto; height:auto;overflow: hidden; padding-bottom:40px; margin-bottom:40px; clear:both;border-bottom: 1px solid #CCCCCC;}
.infor-write form{overflow:hidden;}
.input-box{position:relative; clear:both; height:auto; width:100%;overflow: hidden;
    margin-bottom: 15px;}
.input-box span::before{content: ''; width: 18px; height: 20px;  display: inline-block; background: url(../../images/sprites_img.png)no-repeat -417px -10px;}
.input-box span:nth-child(1){float:left; width:110px; margin-left:20px; margin-top:12px;}
.input-box p{float:left; border: 1px solid #DDDDDD;height: 44px;border-radius:3px;}
.input-box:nth-child(1) p{width:196px;}
.input-box:nth-child(2) p{width:284px;}
.input-box:nth-child(3) p{width:284px;}
.input-box:nth-child(4) p{width:284px;}
.input-box:nth-child(5) p{width:284px;}
.input-box input{width: 95%;padding: 13px 2px 12px 8px;letter-spacing: 0;}
.input-box p input::placeholder{padding:5px; color:#B9B9B9; font-size:14px;font-weight:100;letter-spacing:0px;}
.input-box h3{float: left;margin-left: 132px;font-size: 12px;color: #8a8a8a; margin-top:6px;}
.multi-check{float: left;width: 75px;height: 46px;line-height: 46px;background: #AAAAAA;border-radius: 3px; text-align: center; margin:0 13px;}
.multi-check a{display: block;width: 100%;height: 100%;color: white;font-size: 14px;font-weight: 200;}
.mail-check{margin:20px 0 10px 0; overflow:hidden;}
.mail-check span{float: left; margin-right: 61px; margin-left: 22px;}
.infor-btn {cursor: pointer; width:120px; height:46px;line-height:44px;background: #FA2931; display: inline-block; border-radius: 5px;}
.infor-btn input{cursor: pointer;background: #FA2931; color: white;font-size:15px;font-weight:300;}
.infor-btn a{color: white;font-size:15px;font-weight:300; line-height: 46px;}
.infor-btn:nth-child(2) {background: #AAAAAA; margin-left:13px;}
/* 정보입력 e */

/* 가입완료 s */
.compl-wrap{margin-bottom:104px; padding-top: 70px;}
.compl-write{width: auto; height:auto;overflow: hidden; padding-bottom:40px; margin-bottom:40px; border-bottom: 1px solid #CCCCCC;}
.compl-write figure{background: url(../../images/sprites_img.png)no-repeat;position: relative; display: block;width: 110px;margin: 0 auto;height: 100px; background-position: -5px -76px;}
.compl-title{font-size: 24px;color: #333333;text-align: center;overflow: hidden;height: 24px;line-height: 24px;margin-top: 28px;margin-bottom: 12px;}
.compl-sub{font-size:18px;color: #333333;text-align: center;overflow: hidden;height: 24px;line-height: 24px;margin-bottom:70px;}
.compl-sub span{color: #FA2931;}
/* 가입완료 e */

/* 아이디&비번 찾기 s */
.find-account{width:100%; margin:0 auto; overflow:hidden;}
.find-wrap{/* border-top: 1px solid #CCCCCC; *//* padding-top: 30px; */}
.find-title{font-size:18px;color: #333333;text-align: left;margin-top: 28px;margin-bottom: 16px; font-weight:400;}
.find-sub{font-size:13px;color: #676767;text-align: left;margin-bottom:36px; font-weight:300;}
.find-text span{color: #FA2931;}
.find-input{position:relative; height:auto; width:100%;overflow: hidden;
    margin-bottom: 60px;}
.find-input span{float:left; width:110px; margin-top:12px; margin-right:10px;}
.find-input p{float:left; border: 1px solid #DDDDDD; padding:0px 0 0 10px; letter-spacing:0px; width:284px; height: 44px; line-height:39px;border-radius:3px;}

.find-input p input::placeholder{padding:5px; color:#B9B9B9; font-size:14px;font-weight:100;letter-spacing:0px;}
.find-box{overflow:hidden;}
.find-one{margin-bottom:18px;}
/* 아이디&비번 찾기 e */

/* 임시 비번 발송 s */
.find-wrap figure{background: url(../../images/sprites_img.png)no-repeat;position: relative; display: block;width:45px; height:35px; margin: 0 auto; background-position: -137px -105px;}
.send-title{font-size:16px;color: #333333;text-align: center;overflow: hidden;height: 24px;line-height: 24px;margin-top:22px;margin-bottom:3px;}
.send-sub{font-size:14px;color: #484848;text-align: center;overflow: hidden;height: 24px;line-height: 24px;margin-bottom:42px;}
.send-text span{color: #FA2931;}
/* 임시 비번 발송 e */

/* 아이디 찾기 확인 s */
.check-title{font-size:16px;color: #333333;text-align: left;margin-top: 28px;margin-bottom:36px; font-weight:400;}
.check-title span{color: #FA2931;}
.find-check{margin-bottom:90px;}
.find-check span{float:left; width:110px;}
.find-check span::before{content: '';width:3px;height:18px;background: #FA2931;display: inline-block;margin-right:12px; vertical-align: bottom;}
.find-check p{float:left;height:44px; letter-spacing:0;}
.find-check form input{width:284px; height: 100%; padding:0px 0 0 10px; letter-spacing:0px;}
.check-id{overflow:hidden;}
/* 아이디 찾기 확인 e */

/* 마이페이지 회원정보 수정 s */
#my-wrap{width:1122px; position:relative; margin:0 auto;}
.my-scrap{overflow:hidden; height:780px;}
.my-scrap form{width:672px; float:left; padding-right:30px; border-right:1px solid #eee;}
.my-maintitle{text-align: left;border-bottom: 1px solid #BCBCBC;padding:46px 0 24px;font-size: 26px;color: #000000; font-weight: 400;}
.my-tap{padding:0 46px; overflow:hidden; margin:0 auto;}
.my-tap li{float:left; border:1px solid #CCCCCC;margin-top: 52px;}
.my-tap li a{font-size:18px; color:#666666;padding: 20px 132px; font-weight: 300;}
.my-tap .my-on{border:1px solid #FA2931;}
.my-tap .my-on a{color:#FA2931; font-weight: 400;}
.my-body {margin: 0 auto;width: 488px;height: auto;overflow: hidden;margin-top: 55px;margin-bottom: 118px;}
.my-body h2{text-indent:-999px;}
.my-title {text-align: center;color: black;font-size: 26px;line-height: 30px;font-weight: 500;margin-bottom:36px;border-bottom: 1px solid #CCCCCC;padding-bottom: 24px;clear: both;}
.revise-write {width: auto;height: auto;overflow: hidden;padding-bottom: 40px;margin-bottom: 40px;clear: both;border-bottom: 1px solid #CCCCCC;}
.revise-box {position: relative;clear: both;height: auto;width: 100%;overflow: hidden;margin-bottom: 15px;}
.revise-box:nth-child(5) p{width:197px;}
.revise-box span:nth-child(1) {float: left;width: 110px;margin-left: 20px;margin-top: 12px;}
.revise-box p {width: 284px; float: left;border: 1px solid #DDDDDD;height: 44px;border-radius: 3px;}
.revise-box input {width: 95%;height: 100%;padding: 0px 0 0 10px;letter-spacing: 0px;}
.revise-box p input::placeholder{padding:5px; color:#B9B9B9; font-size:14px;font-weight:100;letter-spacing:0px;}
.fixed-value{background:#F5F5F5; color:#a0a0a0;padding-left: 15px;line-height: 43px;width: 269px !important;font-weight: 300;}
.mail-multi {cursor:pointer; float: left;width: 75px !important; height: 46px;line-height: 43px;background: #AAAAAA;border-radius: 3px;margin: 0 13px;}
.mail-multi input{cursor:pointer; color:white;background: #AAAAAA; padding:0 14px;}
.my-btn-box {text-align: center;margin-bottom: 16px;}
/* .my-btn {cursor: pointer;width: 120px;height: 46px;line-height:43px;background: #FA2931;display: inline-block;border-radius: 5px; font-size:15px;} */
.my-btn input{cursor: pointer;color: white;background: #FA2931;font-size: 15px; padding: 12px 0px; width:120px; display: inline-block;border-radius: 5px;}
.my-btn:nth-child(2){cursor:pointer; color:white;background: #AAAAAA; margin: 0 15px; font-size: 15px;}
.my-btn:nth-child(2) input{background: #AAAAAA; color:white;}
.my-btn:nth-child(2) a{color:white; line-height: 47px;}
/* 마이페이지 회원정보 수정 e */

/*  마이페이지 회원탈퇴 s*/
.my-text {text-align: left;color: black;font-size: 26px;line-height:15px;font-weight: 500;margin-bottom: 46px;border-bottom: 1px solid #CCCCCC;padding-bottom:34px;}
.my-text li:nth-child(1) {font-size:16px; color:#2D2D2D; margin-bottom:20px;}
.my-text li:nth-child(1) span {color:#DD121A;}
.my-text li:nth-child(2) {font-size:13px; color:#7d7d7d;line-height:21px; letter-spacing:-1.2px;}
.my-text li:nth-child(2) span {color:#DD121A;}
.reason-box {position: relative;clear: both;height:154px;width: 100%;overflow: hidden;margin-bottom: 15px;}
.reason-box span:nth-child(1) {float: left;width: 110px;margin-left: 20px;margin-top: 12px;}
.reason-box p {width: 265px; float: left; height:34px;}
.reason-box textarea {border: 1px solid #DDDDDD; border-radius: 3px;padding: 10px;width: 100%;height: 120px;}
.reason-box p textarea::placeholder{color:#B9B9B9; font-size:14px;font-weight:100;letter-spacing:0px;}
.sece-agree{margin:20px 0 10px 20px;}
/*  마이페이지 회원탈퇴 e*/

/* 마이페이지 회원탈퇴 완료 s */
.recede-wrap{margin-top:70px;}
.recede-wrap figure {margin-top:15px; width:114px; height:114px; margin:0 auto; position:relative; left:9px;}
.secede-title{font-size:30px;color: #333333;text-align: center;height:36px;line-height: 36px;margin-top:40px;margin-bottom:25px;}
.secede-title span{color:#FA2931;}
.secede-text {text-align:center;line-height:23px;margin-bottom: 46px;}
.secede-text li {font-size:15px; color:#292929;font-weight: 300;}
.my-btn a{color:white; vertical-align: middle;}
/* 마이페이지 회원탈퇴 완료 e */

/* 마이페이지 스크랩 s */
.scrap-body {margin: 0 auto;width: 1030px;height: auto;overflow: hidden;margin-top: 55px;margin-bottom: 118px;}
.scrap-body h2{text-indent:-10000px;}
.mail-check{margin:20px 0 10px 0; overflow:hidden;}
.mail-check span{float: left; margin-right: 61px; margin-left: 22px;}
.infor-btn {cursor: pointer; width:120px;}
.scrap-head{overflow:hidden; width:672px; border-bottom:1px solid #ececec;padding-bottom:12px; margin-bottom:20px;}
.scrap-head p{float:left;width: 84px;margin-right: 10px;}
.scrap-head p::after{content: '';width: 1px;height: 15px;background: #d8d8d8;display: inline-block;position: relative;right: -9px;top: 2px;}
.scrap-head span input{background: white; font-size: 14px;margin-top: -4px; cursor:pointer;}
.scrap-head h3{display:inline-block; float:right; color:#636363;}
.scrap-head h3 span{color:#FA2931;}
input[id="all-check"]{width:16px; height:16px; cursor: pointer; margin-right:8px;float: left; margin-bottom: 1px; margin-top:2px;}
input[class="scrap-check"]{width:16px; height:16px; cursor: pointer; margin-right:8px;float: left; margin-bottom: 1px; margin-top:2px;}
.scrap-table{width:672px; float:left;}
.scrap-table tbody tr{border-bottom:1px solid #e6e6e6;font-size:16px;height:54px;}
.scrap-table tbody th {text-align:left;}
.scrap-table tbody th a{color:#555; width: 90%;}

.scrap-table tbody td {font-size:14px; color:#8e8e8e;}
.scrap-table tbody td:nth-child(1) {padding-right:5px;}
.scrap-table tbody td:nth-child(2) {padding-right:25px;}
.right-ad-box{float:right; width:300px; }
.right-ad-box figure{border:1px solid #f1f1f1}
.right-ad-box figure a{display:block; height: 100%;}

.scrap-list-page {width: 67%;height: auto;margin-top: 10px;position: relative;top: 40px;overflow:hidden; text-align: center;}
.scrap-list-page ul {overflow: hidden;display: inline-block;}
.scrap-list-page ul .left-arrow {background-position: -384px -45px;margin-right: 15px;}
.scrap-list-page ul .right-arrow {background-position: -411px -45px;margin-left: 15px;}
.scrap-list-page ul li {float: left;border: 1px solid #cccccc;}
.ico-img {background: url(../../images/sprites_img.png) no-repeat 0 0;}
.scrap-list-page ul .ative-page {float: left;border: 1px solid #cccccc;background: #999999;border-right: 0;}
.scrap-list-page .page {border-right: 0;}
.scrap-list-page ul .ative-page a {color: #ffffff;}
.scrap-list-page ul li a {color: #777777;display: block;width: 40px;height: 34px;line-height: 34px;}
.scrap-list-page ul .last-page {border-right: 1px solid #cccccc;}
/* 마이페이지 스크랩 e */


/* 회원가입내 광고 추가 1021 */
.member-title{text-align:center;color:black;font-size:28px;line-height: 30px;font-weight:500;padding-bottom:26px;clear: both;border-bottom:1px solid #ddd;width: 800px;}
.join-ad{width:330px; text-align:center; float:right; margin-top:40px;}