@import url(vendors/swiper6.7.5.min.css);
@import url(vendors/swiper-bundle6.7.5.min.css);
@import url(./font.css);
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
*,body{
	font-family:"KoPubDotum_ProBold",sans-serif;
	margin:0;
	padding:0
}
html{
	font-size:16px
}
a,a:hover,a:focus,a:active,a:link{
	text-decoration:none;
	cursor:pointer;
	color:inherit
}
img{
	border:0;
	vertical-align:middle;
	max-width:100%
}
ol,ul{
	list-style:none;
	margin:0;
	padding:0
}
fieldset{
	border:0
}
button{
	border:0;
	background:none;
	cursor:pointer
}
button:focus{
	outline:none
}
strong,b{
	color:inherit;
	font-size:inherit
}
i,em{
	font-style:normal
}
mark{
	color:inherit;
	background:none
}
button{
	-webkit-appearance:none
}
input{
	-webkit-border-radius:0
}
input:matches([type="password"],[type="search"]),input[type=text],textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0
}
table{
	border-collapse:collapse
}
.blind{
	position:absolute;
	overflow:hidden;
	clip:rect(0 0 0 0);
	margin:-1px;
	width:1px;
	height:1px
}
.header{
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:768px;
	top:0;
	z-index:30;
	position:sticky
}
.header.is--sticky{
	background:#f7f8fc
}
.header.bg-white{
	background:#fff
}
.header.bg-white.is--sticky{
	background:#fff
}
.header.is--open .header-menu-area{
	-webkit-transform:translate3d(0, 0, 0) scale(1);
	transform:translate3d(0, 0, 0) scale(1);
	-webkit-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.header.is--open .header-menu-overlay{
	display:block
}
.header__title{
	font-size:20px;
	font-weight:600;
	line-height:1.15;
	text-align:center;
	color:#2e2828;
	white-space:nowrap
}
.header-home__link{
	position:absolute;
	top:calc(50% - 16px);
	right:15px
}
.header-weather{
	position:absolute;
	top:calc(50% - 16px);
	right:10px;
	width:80px;
	height:32px;
	border-radius:27px;
	background-color:#637996;
	color:#fff;
	line-height:1.08;
	font-size:12px;
	font-weight:800;
	display:inline-flex;
	padding-left:10px;
	align-items:center;
	box-shadow:0 2px 6px 0 rgba(0,0,0,0.07);
	box-sizing:border-box
}
.header-weather__img{
	margin-right:3px
}
.header-weather.total{
	background-color:#637996
}
.header-weather.heat{
	background-color:#ff7c36
}
.header-weather.elec{
	background-color:#feb94c
}
.header-weather.gas{
	background-color:#be65ff
}
.header-weather.water{
	background-color:#56c4fc
}
.header-weather.hot{
	background-color:#fe7272
}
.header-menu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	z-index:2;
	-webkit-overflow-scrolling:touch
}
.header-menu-overlay{
	display:none;
	content:'';
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	z-index:1
}
.header-menu-area{
	width:80%;
	max-width:307px;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	z-index:100;
	-webkit-transform:translate3d(-100%, 0, 0) scale(1);
	transform:translate3d(-100%, 0, 0) scale(1)
}
.header-menu-top{
	padding:29px 11% 29px 6%;
	background-color:#0854bc;
	display:flex;
	align-items:center
}
.header-menu-top .header-user-address{
	color:#fff;
	font-size:18px;
	font-weight:600;
	line-height:1.17;
	margin-left:10px
}
.header-menu-top .header-menu-user-button{
	padding:18px 40px 18px 15px;
	border-radius:16px;
	font-size:18px;
	font-weight:800;
	text-align:left;
	background-color:#f4f4f4;
	color:#2e2828;
	background-repeat:no-repeat;
	background-position:93% 25px;
	background-size:11px 11px;
	background-image:url("../images/common/ic-arrow-log.svg")
}
@media screen and (max-width: 370px){
	.header-menu-top .header-menu-user-button{
	font-size:17px
}

}
@media screen and (max-width: 370px){
	.header-menu-top .header-menu-user-button .header-menu__logo{
	width:35px;
	height:auto
}

}
.header-menu-top .header-menu-user-button span{
	color:#00bfb0
}
.header-menu-top .header-menu-user__description{
	font-size:12px;
	line-height:2.5;
	color:#bac7d1;
	font-weight:600;
	text-align:center
}
.header-menu-top .header-menu-user__name{
	color:#2e2828
}
.header-menu-list-side{
	margin-top:30px
}
.header-menu-list-side .header-menu-link{
	color:#f27171
}
.header-menu-item{
	padding-left:20px
}
.header-menu-item.main-menu-item .header-menu-link{
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:32px 32px;
	padding-left:43px;
	background-image:url("../images/common/ic-gnb-notice.svg")
}
.header-menu-item.main-menu-item+.main-menu-item .header-menu-link{
	background-image:url("../images/common/ic-gnb-service.svg")
}
.header-menu-item.main-menu-item+.main-menu-item+.main-menu-item .header-menu-link{
	background-image:url("../images/common/ic-gnb-faq.svg")
}
.header-menu-item.main-menu-item+.main-menu-item+.main-menu-item+.main-menu-item .header-menu-link{
	background-image:url("../images/common/ic-gnb-noti-history.svg")
}
.header-menu-item.main-menu-item+.main-menu-item+.main-menu-item+.main-menu-item+.main-menu-item .header-menu-link{
	background-image:url("../images/common/ic-gnb-noti-optin.svg")
}
.header-menu-link{
	height:68px;
	border-bottom:1px solid #ededed;
	display:flex;
	align-items:center;
	font-size:18px;
	font-weight:normal;
	line-height:1.67;
	color:#2e2828;
	width:100%;
	justify-content:space-between;
	box-sizing:border-box;
	padding-left:14px;
	padding-right:20px
}
.header-menu-link__icon{
	padding-right:20px;
	width:34px;
	height:34px;
	display:inline-block
}
.header-left-button{
	position:absolute;
	left:0;
	top:0;
	height:60px;
	width:50px
}
.header-left-button.header-menu-button{
	text-align:left
}
.header-menu__title{
	font-size:18px;
	line-height:1.67;
	color:#0093ff;
	padding-left:36px;
	font-weight:normal;
	padding-bottom:6px;
	display:block
}
.header-menu-separator{
	margin-top:24px;
	margin-bottom:50px;
	width:100%;
	height:1px;
	background:#e1e8ef
}
.header-sub-menu{
	margin-top:32px;
	margin-bottom:32px;
	padding:28px 0 30px 0;
	background-color:#f7f8fc;
	border-top:solid 1px #e1e8ef;
	border-bottom:solid 1px #e1e8ef
}
.header-sub-menu-item{
	padding-left:27px;
	display:block
}
.header-sub-menu__link{
	height:54px;
	display:flex;
	align-items:center;
	font-size:18px;
	font-weight:600;
	line-height:1.67;
	text-align:left;
	color:#2e2828
}
.header-sub-menu__link .header-sub-link__icon{
	padding-right:20px;
	width:34px;
	height:34px;
	display:inline-block;
	background-repeat:no-repeat
}
.header-menu-copyright{
	background-color:#f4f4f4;
	margin-top:52px;
	padding:50px 30px 42px
}
.header-menu-copyright .header-menu__copyright{
	font-size:12px;
	font-weight:normal;
	line-height:1.6;
	text-align:left;
	color:#a2a6aa
}
.switch-button{
	position:relative;
	display:inline-block;
	width:73px;
	height:38px;
	margin:3px 0 0 0
}
.switch-button__input{
	display:none
}
.slide-object{
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#bac7d1;
	transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	-moz-transition:0.4s;
	border-radius:20px
}
.slide-object:after{
	content:'';
	width:28px;
	height:28px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	display:block;
	background:#fff;
	position:absolute;
	left:6px;
	top:calc(50% - 14px);
	transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	-moz-transition:0.4s
}
.switch-button__input:checked+.slide-object{
	background-color:#0394ff
}
.switch-button__input:checked+.slide-object:after{
	transform:translateX(33px);
	-webkit-transform:translateX(33px);
	-ms-transform:translateX(33px);
	-moz-transform:translateX(33px);
	-o-transform:translateX(33px)
}
body{
	max-width:768px;
	margin:0 auto;
	background:#f7f8fc
}
iframe{
	border:0
}
.common__title{
	font-size:24px;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	line-height:1.25;
	letter-spacing:normal;
	text-align:left;
	color:#2e2828
}
.common__title+.common__description{
	margin-top:12px
}
.common__description{
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	line-height:1.29;
	letter-spacing:normal;
	text-align:left;
	color:#4b4b4b
}
.common__description+.button{
	margin-top:40px
}
input::placeholder{
	color:#bac7d1;
	font-weight:normal
}
textarea::placeholder{
	color:#bac7d1
}
input::-webkit-input-placeholder{
	color:#bac7d1
}
input:-ms-input-placeholder{
	color:#bac7d1
}
textarea::-webkit-input-placeholder{
	color:#bac7d1
}
textarea:-ms-input-placeholder{
	color:#bac7d1
}
.text--skyblue{
	color:#0093ff !important
}
.text--red{
	color:#f27171 !important
}
.ai-button{
	z-index:999;
	width:72px;
	height:72px;
	border-radius:50%;
	box-shadow:0 5px 10px 0 rgba(0,102,167,0.38);
	border:solid 3px #f7f7f7;
	background-image:linear-gradient(to bottom, #6fc8ff, #84a9fc);
	position:fixed;
	bottom:40px;
	right:20px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center
}
.main{
	padding-bottom:50px
}
.button{
	width:216px;
	height:50px;
	text-align:center;
	font-size:18px;
	line-height:1.38;
	display:block;
	font-weight:normal;
	border-radius:8px;
	background-color:#fff
}
.button.middle{
	width:180px
}
.button.small{
	width:141px
}
.button.weight--normal{
	font-weight:normal
}
.button.outline.color--red{
	border:solid 1px #f27171;
	color:#f27171;
	background:#fff
}
.button.shadow{
	box-shadow:0 5px 10px 0 rgba(74,112,136,0.17)
}
.button.height--low{
	height:48px
}
.button.full{
	width:100%
}
.button.radius{
	border-radius:5px
}
.button.width--narrow{
	width:167px
}
.button.type--link{
	line-height:2.7
}
.button.color--blue{
	background-color:#0854bc;
	color:#fff
}
.button.color--aqua{
	background-color:#01d8c7;
	color:#2e2828
}
.button.color--skyblue{
	background-color:#0093ff;
	color:#2e2828
}
.button.color--black{
	background-color:#4b4b4b;
	color:#fff
}
.button.color--turquoise{
	background-color:#00bfb0;
	color:#fff
}
.button.text--white{
	color:#fff
}
.button.text--skyblue{
	color:#0093ff
}
.button[disabled]{
	opacity:.2
}
.button-area .button{
	margin-left:auto;
	margin-right:auto
}
.button-area--multiple{
	display:flex;
	align-items:center;
	flex-direction:column
}
.button-area--multiple .button+.button{
	margin-top:10px
}
.button-area--multiple .height--low+.height--low{
	margin-top:10px
}
.button-area--multiple.row{
	flex-direction:row;
	justify-content:center
}
.button-area--multiple.row .button{
	margin:0
}
.button-area--multiple.row .button+.button{
	margin-top:0;
	margin-left:8px
}
.login-info-button-area{
	text-align:center
}
.login-info-button-area--multiple .login-info__button+.login-info__button{
	margin-left:8px
}
.login-info__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:140px;
	height:48px;
	border-radius:5px;
	font-size:16px
}
.login-info__button.back{
	background-color:#e1e8ef
}
.login-info__button.confirm{
	color:#fff;
	background-color:#0093ff
}
.login-info__button.remove{
	border:solid 1px #f27171;
	background-color:#fff;
	color:#f27171
}
.login-info__button.large{
	width:207px
}
.login-info__button.small{
	width:124px
}
.input__input{
	height:50px;
	font-size:16px;
	line-height:1;
	letter-spacing:-0.9px;
	text-align:left;
	color:#2e2828;
	padding:2px 15px 0;
	box-sizing:border-box;
	border-radius:8px;
	border:solid 1px #bac7d1;
	background-color:#fafcff
}
.input__input+label.blind+.input__input{
	margin-top:7px
}
.input__input[type='password']{
}
.input__input:focus{
	outline:none
}
.input__input.type--underline{
	border-radius:0;
	background:none;
	border:0;
	border-bottom:solid 1px #a8a8a8
}
.input__input.full{
	width:100%
}
.input__input.large{
	height:48px;
	padding:14px 10px
}
.input__input.type--checkbox{
	content:'';
	background-size:100% auto;
	background-image:url("../images/common/ic-check-s-on.svg")
}
/*
.input__input.type--checkbox:checked+.input__label.type--checkbox:before{
	content:'';
	background-size:100% auto;
	background-image:url("../images/common/ic-check-s-on.svg")
}
*/
.input__input.type--checkbox-icon .checkmark{
	position:absolute;
	top:0;
	left:0;
	height:25px;
	width:25px;
	background-color:#eee
}
.input__input.type--button{
	display:none
}
.input__input.type--button:not(.input__input-all):checked+.input__label.type--button{
	background-color:#00bfb0;
	color:#fff;
	font-weight:800
}
.input__input.type--button.agree:checked+.input__label.type--button{
	border:none;
	background-color:#0093ff;
	color:#fff;
	font-weight:normal
}
.input__input.type--button.disagree:checked+.input__label.type--button{
	border:none;
	background-color:#f27171;
	color:#fff;
	font-weight:normal
}
.input__input.type--radio{
	display:none
}
.input__input.type--radio:checked+.input__label.type--radio:after{
	content:'';
	width:10px;
	height:10px;
	background-color:#00bfb0;
	position:absolute;
	left:18px;
	bottom:calc(50% - 5px);
	border-radius:50%
}
.input__input.type--radio-icon .radio{
	position:absolute;
	top:0;
	left:0;
	height:25px;
	width:25px;
	background-color:#eee
}
.input__input.with--unit{
	border:0;
	width:calc(100% - 70px)
}
.input__unit{
	font-size:16px;
	line-height:1.88;
	color:#4b4b4b
}
.input__notice{
	margin-top:12px;
	font-size:14px;
	line-height:2.14;
	color:#f27171
}
.input__textarea{
	height:auto;
	resize:none
}
.input__select{
	font-weight:600;
	color:#4b4b4b;
	font-size:20px;
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-size:18px 18px;
	background-image:url("../images/common/ic-dropmenu.svg");
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	height:42px;
	box-sizing:border-box;
	padding:9px 47px 10px 15px;
	border-radius:22px;
	box-shadow:0 3px 6px 0 rgba(0,0,0,0.03);
	border:solid 1px #e1e4e6;
	background-color:#fff
}
.input__label{
	font-size:18px;
	line-height:1;
	letter-spacing:-0.9px;
	text-align:left;
	color:#bac7d1
}
.input__label-animation{
	left:5px;
	bottom:16px;
	position:absolute;
	-webkit-transition:transform 150ms ease-out, font-size 150ms ease-out;
	transition:transform 150ms ease-out, font-size 150ms ease-out
}
.input__label-animation.is--active{
	transform:translateY(-130%);
	font-size:12px
}
.input__label.full{
	display:block
}
.input__label-top{
	color:#4b4b4b;
	display:block;
	line-height:1.88;
	letter-spacing:normal;
	font-size:16px;
	padding-left:5px;
	font-weight:normal
}
.input__label-top-paragraph{
	line-height:1.3;
	margin-top:20px;
	margin-bottom:7px
}
.input__label__file{
	color:#fff;
	background-color:#0093ff
}
.input__label.type--checkbox{
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding-left:28px;
	font-size:16px;
	margin:0 0 0 0;
	line-height:35px;
	height:26px;
	color:#4b4b4b;
	letter-spacing:normal;
	background-size:auto 90%;
	background-position:0 3px;
	background-image:url("../images/common/ic-check-s-off.svg");
	background-color:#f9f8f8;
	background-repeat:no-repeat;
}
.input__label.type--checkbox.on{
	background-image:url("../images/common/ic-check-s-on.svg");
}

/*
.input__label.type--checkbox:before{
	content:"";
	display:inline-block;
	width:23px;
	height:23px;
	margin-right:10px;
	position:absolute;
	left:0;
	bottom:-2px;
	background-size:100% auto;
	background-image:url("../images/common/ic-check-s-off.png");
	background-color:#f9f8f8
}
*/
.input__label.type--button{
	height:46px;
	width:100%;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	color:#4b4b4b;
	font-size:16px;
	background-color:#f4f4f4
}
.input__label.type--radio{
	width:100%;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:left;
	color:#4b4b4b;
	font-size:16px;
	padding:18px 20px 17px 48px;
	border-radius:10px;
	background-color:#fff;
	position:relative
}
.input__label.type--radio:before{
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	margin-right:10px;
	position:absolute;
	left:10px;
	bottom:calc(50% - 13px);
	border:4px solid #e1e8ef;
	border-radius:50%;
	box-sizing:border-box
}
.input__label-required{
	color:#f27171
}
.input__file{
	visibility:hidden;
	position:absolute;
	left:0;
	width:124px
}
.input-input__with-unit{
	border:solid 1px #bac3cc;
	background-color:#f7f7f7;
	border-radius:5px;
	padding-right:17px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.file-area{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center
}
.file-area--button-multiple .login-info__button:last-child{
	margin-left:11px
}
.input-button-area{
	position:relative
}
.input-button-area--multiple{
	display:flex
}
.input-button-area--multiple .input__label.type--button+.input__input+.input__label.type--button{
	margin-left:13px
}
.input-button-area--column{
	display:flex;
	flex-direction:column
}
.input-button-area--column .input__label.type--button{
	margin-bottom:7px
}
.form-part{
	position:relative
}
.form-part+.form-part{
	margin-top:10px
}
.form-part+.button-area{
	margin-top:88px
}
.form-part+.button-area.wide{
	margin-top:148px
}
.form-part.space-between{
	display:flex;
	align-items:center;
	justify-content:space-between
}
.form-part.auto-login-part{
	padding-left:10px;
	margin-top:10px
}
.form-part.auto-login-part+.button-area{
	margin-top:74px
}
.input-radio-area{
	display:flex;
	flex-direction:column
}
.input-radio-area--multiple{
	flex-direction:row
}
.input-radio-area .input__label{
	margin-bottom:10px
}
.input-button-area--all{
	padding:0 6px;
	margin-bottom:40px
}
.input-button-area--all .input__label.type--button{
	letter-spacing:0;
	background:#fff;
	height:42px;
	border-radius:10px;
	box-shadow:0 2px 6px 0 rgba(0,0,0,0.07)
}
.input-button-area--all .input__label.type--button+.input__input+.input__label.type--button{
	margin-left:7px
}
.common-modal{
	-webkit-overflow-scrolling:touch;
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
	z-index:300
}
.common-modal.is--active{
	display:block
}
.common-modal-content{
	position:relative;
	z-index:11;
	left:10%;
	top:30%;
	width:80%;
	min-height:194px;
	padding:40px 25px 30px;
	border-radius:10px;
	background-color:#fff;
	box-sizing:border-box;
	-webkit-backdrop-filter:blur(30px);
	backdrop-filter:blur(30px);
	box-shadow:0 4px 15px 0 rgba(0,0,0,0.16)
}
.common-modal-content .common-modal__description{
	font-size:18px;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	line-height:1.33;
	letter-spacing:normal;
	text-align:center;
	color:#4b4b4b
}
.common-modal-content .common-modal__button{
	margin-top:30px
}
.common-modal.ai-modal .common-modal-content{
	top:20%
}
.common-modal.ai-modal .common-modal__description+.button-area{
	margin-top:59px
}
.common-modal-bg{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4)
}
.common-modal-button{
	position:absolute;
	right:20px;
	top:20px
}
.profile-modal-content{
	position:relative;
	z-index:11;
	left:3%;
	top:5%;
	width:94%;
	height:90%;
	padding:26px 25px;
	border-radius:10px;
	background-color:#fff;
	box-sizing:border-box;
	overflow-y:auto
}
.profile-modal-content .profile-info__name{
	font-weight:800;
	font-size:20px;
	color:#4b4b4b;
	margin-left:20px
}
.profile-modal-content .profile-info__img{
	width:91px;
	height:91px;
	border-radius:50%
}
.profile-modal.is--active{
	display:block
}
.profile-modal-button{
	position:absolute;
	right:20px;
	top:20px
}
.profile-modal .profile-content__description{
	margin-top:33px;
	color:#4b4b4b;
	font-size:15px;
	line-height:1.53
}
.select-organ-modal-content{
	padding:50px 29px;
	text-align:center;
	position:relative;
	z-index:11;
	left:3%;
	top:5%;
	width:94%;
	height:90%;
	border-radius:10px;
	background-color:#fff;
	box-sizing:border-box;
	overflow-y:auto
}
.select-organ-modal-content .select-organ-header{
	font-size:18px;
	font-weight:800;
	color:#00bfb0;
	margin-bottom:20px
}
.select-organ-modal-content .select-organ-header .select-organ__name{
	color:#2e2828
}
.select-organ-modal-content .input__label{
	text-align:center;
	font-size:18px;
	height:auto;
	padding:12px 24px;
	line-height:1.44
}
.ai-modal-icon{
	width:102px;
	height:102px;
	border-radius:50%;
	background-color:#3f4a5c;
	background-image:url("../images/common/ic-floating.svg");
	background-size:64px 64px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:24px
}
.password-find-modal{
	-webkit-overflow-scrolling:touch;
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
	z-index:300;
	box-shadow:0 4px 15px 0 rgba(0,0,0,0.16)
}
.password-find-modal .common-modal-content{
	padding:25px 40px;
	min-height:341px;
	width:70%;
	left:15%;
	top:25%;
	border-radius:10px;
	-webkit-backdrop-filter:blur(30px);
	backdrop-filter:blur(30px);
	box-shadow:0 4px 15px 0 rgba(0,0,0,0.16);
	background-color:rgba(255,255,255,0.7)
}
.password-find-modal .common-modal-content .common-modal__description{
	font-size:24px;
	line-height:1.42
}
.password-find-modal .password-find-img{
	display:block;
	margin:29px auto 59px
}
.password-find-modal.is--active{
	display:block
}
.password-find-modal .common-modal-bg{
	background-color:rgba(0,0,0,0.3)
}
.tab{
	height:40px;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	width:calc(100% - 20px);
	margin-top:10px;
	/*
	box-shadow:0 3px 15px 0 rgba(0,0,0,0.06);
	*/
	background-color:#fff
}
.tab.heat .tab__item.is--active{
	background-color:#ff7c36
}
.tab.elec .tab__item.is--active{
	background-color:#feb94c
}
.tab.gas .tab__item.is--active{
	background-color:#be65ff
}
.tab.water .tab__item.is--active{
	background-color:#56c4fc
}
.tab.hot .tab__item.is--active{
	background-color:#fe7272
}
.tab__item{
	width:calc(100% - 4px);
	font-size:14px;
	line-height:1.12;
	text-align:center;
	color:#4b4b4b;
	font-weight:600
}
.tab__item+.tab__item{
	margin-left:8px
}
.tab__item.is--active{
	font-weight:800;
	background-color:#637996;
	color:#fff;
	border-radius:9px
}
.tab.tab--three{
	width:89%
}
.tab.tab--three .tab__item{
	width:calc(100% - 2.66px)
}
.tab.tab--three .tab__item+.tab__item{
	margin-left:4px
}
.tab-content{
	display:none
}
.tab-content.is--active{
	display:block
}
.main-category{
	padding-left:20px;
	padding-top:14px
}
.main-category .main-category-list{
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	overflow:hidden;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	padding-bottom:10px
}
.main-category .main-category-list__item{
	text-align:center;
	position:relative;
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	height:100%;
	box-sizing:border-box;
	font-size:16px;
	font-weight:500;
	line-height:1.19;
	letter-spacing:-.5px;
	color:#566167;
	cursor:pointer;
	flex-direction:column;
	margin-right:15px
}
.main-category .main-category-list__item .category-icon{
	width:66px;
	display:inline-block;
	height:66px;
	border-radius:12px;
	box-shadow:0 2px 6px 0 rgba(0,0,0,0.05);
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 0%
}
.main-category .main-category-list__item .category-icon.all{
	background-image:url("../images/common/ic-tab-all.svg")
}
.main-category .main-category-list__item .category-icon.heat{
	background-image:url("../images/common/ic-tab-heat.svg")
}
.main-category .main-category-list__item .category-icon.elec{
	background-image:url("../images/common/ic-tab-elec.svg")
}
.main-category .main-category-list__item .category-icon.hot{
	background-image:url("../images/common/ic-tab-hot.svg")
}
.main-category .main-category-list__item .category-icon.water{
	background-image:url("../images/common/ic-tab-water.svg")
}
.main-category .main-category-list__item .category-icon.gas{
	background-image:url("../images/common/ic-tab-gas.svg")
}
.main-category .main-category-list__item.is--active .category-icon.all{
	background-image:url("../images/common/ic-tab-all-active.svg")
}
.main-category .main-category-list__item.is--active .category-icon.heat{
	background-image:url("../images/common/ic-tab-heat-active.svg")
}
.main-category .main-category-list__item.is--active .category-icon.elec{
	background-image:url("../images/common/ic-tab-elec-active.svg")
}
.main-category .main-category-list__item.is--active .category-icon.hot{
	background-image:url("../images/common/ic-tab-hot-active.svg")
}
.main-category .main-category-list__item.is--active .category-icon.water{
	background-image:url("../images/common/ic-tab-water-active.svg")
}
.main-category .main-category-list__item.is--active .category-icon.gas{
	background-image:url("../images/common/ic-tab-gas-active.svg")
}
.main-category .main-category-list__item .category-name{
	position:relative;
	height:100%;
	width:66px;
	box-sizing:border-box;
	margin-top:42px;
	display:block;
	font-size:14px;
	font-weight:800
}
.progress-pie-chart{
	width:99px;
	height:99px;
	border-radius:50%;
	background-color:#f5eeec;
	position:relative
}
.progress-pie-chart.gt-50{
	background-color:#81CE97
}
.pie-chart-progress{
	content:"";
	position:absolute;
	border-radius:50%;
	left:calc(50% - 49.5px);
	top:calc(50% - 49.5px);
	width:99px;
	height:99px;
	clip:rect(0, 99px, 99px, 49.5px)
}
.pie-chart-progress .pie-chart-progress-fill{
	content:"";
	position:absolute;
	border-radius:50%;
	left:calc(50% - 49.5px);
	top:calc(50% - 49.5px);
	width:99px;
	height:99px;
	clip:rect(0, 49.5px, 99px, 0);
	background:#81CE97;
	transition:transform .5s 2s;
	transform:rotate(60deg)
}
.gt-50 .pie-chart-progress{
	clip:rect(0, 49.5px, 99px, 0)
}
.gt-50 .pie-chart-progress .pie-chart-progress-fill{
	clip:rect(0, 99px, 99px, 49.5px);
	background:#E5E5E5
}
.pie-chart-percents{
	content:"";
	position:absolute;
	border-radius:50%;
	left:calc(50% - 90px/2);
	top:calc(50% - 90px/2);
	width:90px;
	height:90px;
	background:#fff;
	text-align:center;
	display:table
}
.pie-chart-percents span{
	display:block;
	font-size:.83rem;
	font-weight:bold;
	color:#81CE97
}
.pie-chart-text-area{
	display:table-cell;
	vertical-align:middle
}
.pie-chart-text__ratio{
	color:#dadada;
	font-size:1.125rem;
	font-weight:bold
}
.pie-chart-text__ratio:before{
	content:'';
	width:128px;
	height:1px;
	display:block;
	margin:10px auto;
	background:#dadada
}
.background{
	fill:#f5eeec
}
.main-tab-content{
	padding:10px 10px;
}
.total-info{
	padding:10px;
	border-radius:10px;
	-webkit-backdrop-filter:blur(30px);
	backdrop-filter:blur(30px);
	background-color:#fff
}
.total-info__subject{
	font-size:16px;
	font-weight:800;
	line-height:1.13;
	color:#4b4b4b;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.total-info__subject-text{
	display:flex;
	align-items:center
}
.total-info__icon{
	margin-right:4px
}
.total-info__date{
	color:#ff7272;
	font-size:13px;
	font-weight:600
}
.total-info__fee{
	margin:10px 0;
	padding-bottom:10px;
	text-align:center;
	font-size:28px;
	font-weight:normal;
	line-height:1.14;
	color:#2e2828;
	border-bottom:dashed 2px #e1e4e6
}
.total-info__number{
	font-weight:800;
	font-size:41px;
	margin-right:5px
}
.total-info-chart{
	overflow:visible
}
.total-info-chart-area{
	text-align:center;
	padding-top:0;
	min-height:99px;
	margin-right:0;
	box-sizing:border-box;
	margin-bottom:0
}
.total-info-chart-area .text__label{
	font-size:12px;
	fill:#fff;
	font-weight:800
}
.total-info-chart .text-label{
	fill:#bec4c7;
	font-size:16px
}
.total-info-chart .text-label__number{
	font-size:22px;
	font-weight:800;
	fill:#2e2828
}
.total-info .total-info-text-area{
	padding:0 30px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.total-info .total-info-text-area+.total-info-text-area{
	margin-top:12px
}
.total-info .total-info-text-area .total-info-text{
	display:flex;
	align-items:center;
	font-size:14px
}
.total-info .total-info-text-area .total-info-text__number{
	font-size:22px;
	font-weight:800;
	line-height:1.18;
	color:#2e2828;
	margin-right:4px
}
.total-info .total-info__label{
	display:inline-block;
	width:34px;
	height:25px;
	border-radius:7px;
	background:#d8be77;
	position:relative
}
.total-info .total-info__label-text{
	color:#bac7d1;
	margin-left:8px;
	font-size:16px
}
.total-info .total-info__label:before{
	content:'전년';
	display:inline-block;
	color:#fff;
	box-sizing:border-box;
	position:absolute;
	top:6px;
	left:6px;
	font-size:12px;
	font-weight:800
}
.total-info .total-info__label.month{
	background:#75e3ce
}
.total-info .total-info__label.month:before{
	content:'예상'
}
.use-energy{
	margin:10px 0 0 0;
}
.use-energy-list{
	display:flex;
	flex-wrap:wrap
}
.use-energy__item{
	width:calc(50% - 5px);
	box-sizing:border-box;
	/*padding:32px 15px 45px;*/
	padding:10px 0 10px 0;
	background:#fff;
	margin-bottom:10px;
	/*height:262px;*/
	border-radius:8px;
	position:relative
}
.use-energy__item-heat{
	color:#ff7c36
}
.use-energy__item-heat .use-energy__progressive{
	background-image:url("../images/ic-danger-heat.svg")
}
.use-energy__item-elec{
	color:#feb94c
}
.use-energy__item-elec .use-energy__progressive{
	background-image:url("../images/ic-danger-elec.svg")
}
.use-energy__item-gas{
	color:#be65ff
}
.use-energy__item-gas .use-energy__progressive{
	background-image:url("../images/ic-danger-gas.svg")
}
.use-energy__item-water{
	color:#56c4fc
}
.use-energy__item-water .use-energy__progressive{
	background-image:url("../images/ic-danger-water.svg")
}
.use-energy__item-hot{
	color:#fe7272
}
.use-energy__item-hot .use-energy__progressive{
	background-image:url("../images/ic-danger-hot.svg")
}
.use-energy__item:nth-child(odd){
	margin-right:10px
}
.use-energy__item-amount{
	padding:12px 15px
}
.use-energy__item-amount .use-energy-amount-list{
	padding-top:20px
}
.use-energy__item-amount__subject{
	font-size:14px;
	font-weight:800;
	line-height:1.14;
	text-align:center;
	color:#4b4b4b;
	padding-bottom:10px;
	border-bottom:dashed 1px #e1e4e6
}
.use-energy__item-amount .use-energy-amount__item{
	height:24px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.use-energy__item-amount .use-energy-amount__item+.use-energy-amount__item{
	margin-top:12px
}
.use-energy__item-amount .use-energy-amount__text{
	font-size:14px;
	text-align:left;
	font-weight:normal;
	color:#4b4b4b;
	padding-left:27px;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-image:url("../images/ic-heat-circle.svg");
	background-size:24px 24px
}
.use-energy__item-amount .use-energy-amount__text-elec{
	background-image:url("../images/ic-elec-circle.svg")
}
.use-energy__item-amount .use-energy-amount__text-gas{
	background-image:url("../images/ic-gas-circle.svg")
}
.use-energy__item-amount .use-energy-amount__text-water{
	background-image:url("../images/ic-water-circle.svg")
}
.use-energy__item-amount .use-energy-amount__text-hot{
	background-image:url("../images/ic-hot-circle.svg")
}
.use-energy__item-amount .use-energy-amount__content{
	display:inline-flex;
	align-items:center
}
.use-energy__item-amount .use-energy-amount__number{
	font-size:14px;
	font-weight:800;
	line-height:1.14;
	text-align:right;
	color:#4b4b4b
}
.use-energy__item-amount .use-energy-amount__unit{
	font-size:10px;
	line-height:1.2;
	text-align:center;
	color:#818d9b;
	min-width:28px;
	margin-left:3px;
	display:inline-block
}
.use-energy__warning-text{
	font-size:14px;
	text-align:center;
	/*position:absolute;*/
	font-weight:800;
	width:100%;
	left:0;
	top:10px;
	color:inherit;
	padding:10px 0 10px 0;
}
.use-energy .status-graph{
	position:relative;
	text-align:center;
	min-height:124px
}
.use-energy .status-graph-text{
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
	top:20px
}
.use-energy .status-graph__text{
	display:block;
	font-size:16px;
	font-weight:800;
	line-height:1.13;
	margin-top:3px;
	color:#4b4b4b
}
.use-energy__fee{
	text-align:center;
	margin:0 0 5px 0;
	overflow:hidden;
}
.use-energy__fee-unit{
	font-weight:normal;
	color:#818d9b;
	font-size:12px
}
.use-energy__fee-number{
	font-size:24px;
	font-weight:800
}
.use-energy__progressive{
	display:block;
	color:inherit;
	/*position:absolute;
	bottom:33px;*/
	width:74px;
	/*left:calc(50% - 50px);*/
	overflow:hidden;
	height:18px;
	padding:3px 8px;
	box-sizing:border-box;
	border-radius:11px;
	border:solid 1px;
	font-size:10px;
	font-weight:800;
	line-height:1.2;
	background-image:url("../images/ic-danger-elec.svg");
	background-repeat:no-repeat;
	background-position:10px 50%;
	background-size:11px
}
.use-energy__period{
	display:block;
	/*position:absolute;*/
	width:150px;
	/*left:calc(50% - 75px);
	bottom:13px;*/
	padding:5px;
	font-size:11px;
	text-align:center;
	margin:auto;
}

.use-energy__progressive.level{
	width:62px;
	background-image:url("../images/ic-danger-elec-lv.svg");
	left:calc(50% - 50px)
}
.neighbor-compare-fee .neighbor-compare__item{
	padding:12px 15px 8px 16px;
	background-color:#fff;
	border-radius:10px;
	box-sizing:border-box
}
.neighbor-compare-fee .neighbor-compare__item.my-house{
	margin-top:10px;
	border:solid 1px #8cb3e8
}
.neighbor-compare-fee .neighbor-compare__item.my-house .neighbor-compare-item__fee{
	margin-top:15px
}
.neighbor-compare-fee .neighbor-compare__item.my-house .neighbor-compare-item__fee-number{
	font-size:30px;
	color:#2e2828
}
.neighbor-compare-fee .neighbor-compare-item__subject{
	line-height:1.14;
	font-weight:800;
	font-size:14px;
	color:#2e2828
}
.neighbor-compare-fee .neighbor-compare-item__fee{
	margin-top:2px;
	font-size:18px;
	text-align:right;
	color:#2e2828
}
.neighbor-compare-fee .neighbor-compare-item__fee-number{
	font-size:26px;
	color:#a8a8a8;
	margin-right:5px
}
.neighbor-compare-content-area{
	border-radius:10px;
	-webkit-backdrop-filter:blur(30px);
	backdrop-filter:blur(30px);
	background:#fff;
	margin-top:10px;
	margin-bottom:0;
	padding:10px 13px 0 13px;
}
.neighbor-compare-content-area .neighbor-compare-content{
	padding:10px 10px
}
.neighbor-compare-content-area .neighbor-compare-content__subject{
	font-size:15px;
	font-weight:800;
	line-height:1.13;
	color:#4b4b4b
}
.neighbor-compare-content-area .neighbor-compare-content__description{
	font-size:15px;
	line-height:1.6;
	color:#4b4b4b
}
.neighbor-compare-content-area .neighbor-compare-content__compare{
	color:#f27171;
	font-weight:normal
}
.neighbor-compare-content-area .neighbor-compare-content__compare.low{
	color:#00b1ff
}
.neighbor-compare-content-area .neighbor-compare-content__mark{
	color:#ff7272;
	font-weight:800;
	font-size:28px;
	position:relative
}
.neighbor-compare-content-area .neighbor-compare-content__mark.low{
	color:#0083e3
}
.neighbor-compare-content-area .neighbor-compare-content__mark:after{
	content:'';
	height:16px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	background-color:#fff396;
	z-index:-1
}
.neighbor-compare-content-area .neighbor-compare-content__mark small{
	font-size:18px
}
.neighbor-compare-content-area .neighbor-compare-select-area{
	text-align:center;
	margin-bottom:10px
}
.neighbor-compare-content-area .chart-text-group,.neighbor-compare-content-area .chart-line-group{
	-webkit-transform:rotate(260deg) translate(4px, 3px);
	transform:rotate(260deg) translate(4px, 3px);
	transform-origin:center
}
.neighbor-compare-content-area .neighbor-compare-chart{
	text-align:center;
	min-height:304px
}
.house-info{
	display:flex
}
.house-info__item{
	width:calc(50% - 5px);
	border-radius:10px;
	background-color:#fff;
	padding:11px 0 8px 0;
	color:#2e2828
}
.house-info__item.last-month{
	border:solid 1px #8cb3e8
}
.house-info__item.last-month .house-info__value{
	color:#0854bc
}
.house-info__item:first-child{
	margin-right:10px
}
.house-info__item-subject{
	font-weight:normal;
	padding:0 14px;
}
.house-info__item-data{
	margin-top:14px;
	text-align:right;
	font-size:18px
}
.house-info__item-data .house-info__value{
	font-size:30px;
	font-weight:800;
	color:#4b4b4b;
	margin-right:5px
}
.house-info__item-data span{
	margin-right:15px
}
.house-info-chart-area{
	margin-top:10px;
	-webkit-backdrop-filter:blur(30px);
	backdrop-filter:blur(30px);
	background-color:#fff;
	border-radius:10px;
	padding:10px 10px;
}
.house-info-chart-area .y-axis .tick:nth-child(even):not(:last-child){
	/*display:none*/
}
.house-info-chart-area .path{
	-moz-animation:lineani 0.6s linear forwards;
	-webkit-animation:lineani 0.6s linear forwards;
	/*animation:lineani 0.5s linear forwards*/
}
@-moz-keyframes lineani{
	to{
	stroke-dashoffset:0
}

}
@-webkit-keyframes lineani{
	to{
	stroke-dashoffset:0
}

}
@keyframes lineani{
	to{
	stroke-dashoffset:0
}

}
.house-info-chart-area .house-info-chart__title{
	font-size:18px;
	color:#4b4b4b;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px
}
.house-info-chart-area .house-info-select-area{
	text-align:center;
	margin-bottom:10px;
}
.house-info-chart-area .current-month-chart-area{
	min-height:324px
}
.house-info-chart-area .current-month-chart-area .current-month-chart{
	overflow:visible
}
.house-info-chart-area .all-month-chart-area{
	margin-top:0;
	min-height:314px;
	margin-left:-10px
}
.common-chart-area{
	text-align:center
}
.energy-info-usage{
	margin-top:10px;
	padding:10px 10px 20px 10px;
	border-radius:10px;
	-webkit-backdrop-filter:blur(30px);
	backdrop-filter:blur(30px);
	background-color:#fff;
	text-align:center
}
.energy-info-usage__title{
	font-size:18px;
	font-weight:800;
	line-height:1.17;
	text-align:center;
	color:#4b4b4b;
	margin-top:10px;
}
.select-area--with-chart{
	margin:20px 0;
	text-align:center
}
.hourly-usage-chart{
	transform:rotate(-8deg);
	-webkit-transform:rotate(-8deg)
}
.hourly-usage-chart .circle-hourly-text{
	transform:rotate(8deg);
	-webkit-transform:rotate(8deg)
}
.hourly-usage-chart .time-label-text{
	font-weight:600
}
.hourly-usage-chart-area{
	min-height:284px;
	text-align:center;
	margin:15px 0 10px
}
.hourly-usage-chart-area .gridlines{
	fill:none;
	stroke:rgba(255,255,255,0.8);
	stroke-width:1px
}
.hourly-usage__label{
	padding:6px 20px 6px 41px;
	border-radius:14px;
	font-size:14px;
	font-weight:800;
	line-height:1.14;
	text-align:center;
	color:#818d9b;
	background-color:#f8f8f8;
	background-repeat:no-repeat;
	background-position:15px 50%;
	background-size:20px;
	background-image:url("../images/ic-day.svg")
}
.hourly-usage__label.night{
	background-image:url("../images/ic-night.svg")
}
.day-usage-content{
	/*margin-top:96px*/
}
.day-usage-chart-area{
	min-height:204px;
	margin-left:-10px
}
.login{
	padding:60px 36px
}
.login__title{
	font-size:16px;
	line-height:1.13;
	text-align:center;
	color:#2e2828;
	padding:90px 0 13px;
	background-repeat:no-repeat;
	background-image:url("../images/common/logo.svg");
	background-size:224px 68px;
	background-position:50% 0;
	font-weight:800
}
.login__description{
	font-size:14px;
	line-height:1.5;
	color:#4b4b4b
}
.login-form{
	margin-top:32px
}
.login__button{
	margin-top:45px
}
.login .find-password-button{
	font-size:16px;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	line-height:1.13;
	letter-spacing:normal;
	text-align:right;
	color:#f27171
}
.login-bottom__description{
	margin-top:20px;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	color:#a2a6aa
}
.password-reset{
	padding-top:20px
}
.password-reset__title{
	color:#a8a8a8;
	font-size:24px;
	line-height:1.13;
	padding-top:120px;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-image:url("../images/common/img-password-reg.svg");
	text-align:center;
	font-weight:normal
}
.password-reset-form{
	margin-top:60px;
	padding:0 36px
}
.identification{
	padding-top:150px
}
.identification-complete{
	padding-top:64px
}
.identification-complete .identification__img{
	margin-bottom:50px
}
.identification-content+.button-area{
	margin-top:65px
}
.identification__img{
	display:block;
	margin:0 auto 32px
}
.identification__description{
	font-size:20px;
	font-weight:600;
	line-height:1.5;
	text-align:center;
	color:#bac7d1
}
.identification__description-small{
	text-align:center;
	font-size:18px;
	line-height:1.17;
	color:#a8a8a8;
	margin-top:13px
}
.identification__description-large{
	color:#4b4b4b;
	text-align:center;
	font-weight:600;
	font-size:24px;
	line-height:1.25
}
.introduce-swiper .swiper-slide{
	text-align:center
}
.introduce-swiper .swiper-slide.swiper-slide--type-img{
	padding-top:0
}
.introduce-swiper .swiper-slide .swiper-slide-text{
	width:267px;
	margin:20px auto;
	color:#2e2828;
	line-height:1.63;
	min-height:70px
}
.introduce-swiper .swiper-pagination-bullets{
	position:static;
	margin-top:10px
}
.introduce-swiper .swiper-pagination-bullets .swiper-pagination-bullet{
	width:6px;
	height:6px;
	box-sizing:border-box;
	border:solid 1px #bac3cc;
	background-color:#fff;
	opacity:1;
	margin:0 2px
}
.introduce-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{
	border-color:#4b4b4b;
	background-color:#4b4b4b
}
.introduce-close-button{
	display:none;
	font-size:18px;
	line-height:1.17;
	text-align:center;
	color:#0854bc;
	width:100%;
	margin-top:20px
}
.introduce-close-button.first-introduce{
	display:block
}
.inquiry-content{
	padding:2px 15px 0
}
.inquiry-content-form .input__select{
	padding:10px 16px 10px 14px;
	border-radius:8px;
	background-color:#fff;
	border:0;
	width:226px;
	box-sizing:border-box;
	font-size:20px;
	line-height:1.15;
	color:#4b4b4b;
	font-weight:600;
	background-repeat:no-repeat;
	background-position:92% 50%;
	background-size:18px 18px;
	background-image:url("../images/common/ic-dropmenu.svg");
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.inquiry-content-form .input__label-inquiry{
	color:#2e2828;
	margin-top:25px;
	margin-bottom:10px;
	padding-left:10px;
	position:relative;
	font-size:16px
}
.inquiry-content-form .input__label-inquiry.required:before{
	content:'';
	background-color:#f27171;
	width:5px;
	height:5px;
	border-radius:50%;
	position:absolute;
	left:3px
}
.inquiry-content-form .input__input-inquiry{
	border-radius:8px;
	background-color:#fff;
	border:0;
	padding:14px 12px
}
.inquiry-content-form .button-area{
	margin-top:38px
}
.board{
	padding-top:16px
}
.board.type--accordion{
	padding:16px 15px
}
.board.type--accordion .board-content{
	padding:16px 15px;
	background:#fff;
	border-radius:8px;
	margin-bottom:10px;
	border:1px solid #fff
}
.board.type--accordion .board-content-header{
	display:flex;
	justify-content:space-between
}
.board.type--accordion .board-content-header-layout{
	width:calc(100% - 25px)
}
.board.type--accordion .board-content-content{
	display:none;
	padding:30px 0 15px;
	font-size:16px;
	line-height:1.63;
	color:#a8a8a8
}
.board.type--accordion .board-content__unit{
	font-size:18px;
	font-weight:800;
	line-height:1.17;
	color:#2e2828;
	padding-top:3px
}
.board.type--accordion .board-content__subject{
	font-weight:normal;
	font-size:18px;
	line-height:1.56;
	color:#2e2828
}
.board.type--accordion .board-content__date{
	margin-top:9px;
	font-size:14px;
	line-height:1.14;
	color:#a8a8a8
}
.board.type--accordion .board-content.is--active{
	border-color:#0854bc;
	margin-bottom:20px
}
.board.type--accordion .board-content.is--active .board-content__subject{
	font-weight:800
}
.board-content{
	padding:16px 15px;
	background:#fff;
	border-radius:8px;
	border-bottom:1px solid #e1e8ef;
	box-sizing:border-box
}
.board-content-header-layout{
	width:calc(100% - 25px)
}
.board-content-content{
	display:none;
	padding:30px 0 15px;
	font-size:16px;
	line-height:1.63;
	color:#a8a8a8
}
.board-content__unit{
	font-size:14px;
	font-weight:800;
	line-height:1.17;
	color:#2e2828;
	padding-top:3px
}
.board-content__subject{
	font-weight:normal;
	font-size:18px;
	line-height:1.56;
	color:#2e2828;
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	word-wrap:break-word;
	white-space:normal;
	box-sizing:border-box;
	-webkit-box-orient:vertical
}
.board-content__date{
	margin-top:9px;
	font-size:14px;
	line-height:1.14;
	color:#a8a8a8
}
.board-content.is--active{
	border-color:#0394ff
}
.board-content.is--active .board-content__subject{
	font-weight:800
}
.board-detail{
	padding:50px 20px
}
.board-detail-content{
	padding:0 16px
}
.board-detail__title{
	font-size:24px;
	font-weight:800;
	line-height:1.25;
	color:#2e2828
}
.board-detail__content{
	margin-top:46px;
	font-size:16px;
	line-height:1.63;
	color:#4b4b4b
}
.alarm-content{
	background:#e4e6ea;
	min-height:calc(100vh - 60px);
	padding:20px;
	box-sizing:border-box;
	color:#2e2828
}
.alarm-content-content+.alarm-content__date{
	margin-top:30px
}
.alarm-content-content-content{
	display:flex
}
.alarm-content-content__icon{
	display:inline-block;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-image:url("../images/common/ic-alarm.svg");
	background-size:32px 32px;
	margin-right:6px
}
.alarm-content-content__content{
	width:calc(100% - 38px);
	font-size:14px;
	padding:14px 15px;
	border-radius:8px;
	background-color:#fff;
	box-sizing:border-box;
	line-height:1.43
}
.alarm-content-content__date{
	font-size:10px;
	line-height:2;
	padding-right:5px;
	text-align:right;
	color:#818d9b;
	margin-bottom:10px
}
.alarm-content__date{
	font-size:12px;
	font-weight:800;
	text-align:right;
	color:#4b4b4b;
	margin-bottom:15px
}
/*
@media all and (max-width: 340px) {
	.energy-circle-chart {
		margin-left: -9px;
	}
}
*/
@media all and (max-width: 300px) {
	.energy-circle-chart {
		margin-left: auto;
	}
}
 .total-info .total-info-text-area {
	 padding: 0;
	
}
 .hourly-usage-chart {
	margin-left: -15px;
	
}
.neighbor-compare-chart, .day-usage-chart-area {
	margin-left: -25px;
	
}
 .house-info-chart-area .current-month-chart-area .current-month-chart {
	margin-left:-15px
}
 .house-info-chart-area .all-month-chart-area {
	margin-left:-20px
}
.total-info-chart {
	margin-left:-10px
}

}