@font-face {
    font-family: 'nanum-square';
    src: url('/css/font/nanumsquarer.eot');
    src: url('/css/font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/css/font/nanumsquarer.woff') format('woff'),
         url('/css/font/nanumsquarer.ttf') format('truetype'),
         url('/css/font/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nanum-square';
    src: url('/css/font/nanumsquareb.eot');
    src: url('/css/font/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('/css/font/nanumsquareb.woff') format('woff'),
         url('/css/font/nanumsquareb.ttf') format('truetype'),
         url('/css/font/nanumsquareb.svg#nanumsquarerbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* normal */
@font-face{
font-family:'NotoSans';font-style:normal;font-weight:normal;src:url('/css/font/notokr-regular.eot');src:local(��),url('/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),url('/css/font/notokr-regular.woff') format('woff'),url('/css/font/notokr-regular.ttf') format('truetype');}
/* demilight */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:100;src:url('/css/font/notokr-demilight.eot');src:local(��),url('/css/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),url('/css/font/notokr-demilight.woff') format('woff'),url('/css/font/notokr-demilight.ttf') format('truetype');}
/* medium */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:500;src:url('/css/font/notokr-medium.eot');src:local(��),url('/css/font/notokr-medium.eot?#iefix') format('embedded-opentype'),url('/css/font/notokr-medium.woff') format('woff'),url('/css/font/notokr-medium.ttf') format('truetype');}
/* bold */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:bold;src:url('/css/font/notokr-bold.eot');src:local(��),url('/css/font/notokr-bold.eot?#iefix') format('embedded-opentype'),url('/css/font/notokr-bold.woff') format('woff'),url('/css/font/notokr-bold.ttf') format('truetype');}
/* black */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:800;src:url('/css/font/notokr-black.eot');src:local(��),url('/css/font/notokr-black.eot?#iefix') format('embedded-opentype'),url('/css/font/notokr-black.woff') format('woff'),url('/css/font/notokr-black.ttf') format('truetype');}

h5, .tab_wrap h4, .question, .pop_head h1, .win_cont h2 {font-family:'NotoSans' !important; font-weight:normal;}

/* =========================================================================================================
	Reset
========================================================================================================= */
body,html {width:100%;height:100%;}
body {font-size:14px;line-height:20px;color:#111;}
body,div,li,th,td,input,select,textarea,button,select,label,p,span,a,h1,h2,h3,h4,h5 {font-family:'nanum-square';}
body {width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
h1,h2,h3,h4,h5 {font-weight:normal;}

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}

dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
address,caption,cite,code,dfn,em,var {font-style:normal;}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}
caption {display:none; visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
*+html table {border-collapse:collapse;}

/* ================================================================================================================================
	���� (��)
================================================================================================================================ */
input,select,textarea,button {vertical-align:middle;outline:none;}
button {outline:0;border:0 none;background-color:transparent;cursor:pointer}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;-webkit-appearance:none;}
textarea {width:100%;padding:10px 10px 14px 10px;border:1px solid #d3d3d3;border-radius:0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:14px;line-height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;word-wrap:break-word;}
select {outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;_appearance:none;position:relative;width:100%;height:40px;padding:0 0 0 20px;background:#fff url('/images/btn_select.png') right center no-repeat;background-size:38px 40px;border:0;border-bottom:1px solid #eee;border-radius:0px;font-size:12px;color:#333;line-height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
select::-ms-expand {display: none;}
select:disabled {color:#999;background:#e4e4e4 url('/images/btn_select_off.png') right center no-repeat;background-size:20px 20px;}

input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel] {-webkit-border-radius:0;-webkit-appearance:none;height:38px;padding:11px 10px 13px 10px;border:1px solid #f2f2f2;background:#fff;color:#222;font-size:14px;line-height:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=tel] {padding:13px 10px 11px 10px;}
.placeholder {padding-top:1px;color:#ccc !important;}
:-ms-input-placeholder {padding-top:1px;color:#ccc !important;}
::-webkit-input-placeholder {padding-top:1px;color:#ccc !important;}
::-moz-placeholder{padding-top:1px;color:#ccc !important;}

/* ================================================================================================================================
	���
================================================================================================================================ */
.login_wrap {height:100%;min-height:600px; background:url(/images/login_bg_total.png) no-repeat center center; background-size:cover;}
/*.login_wrap .bg1 { position:absolute;left:0;top:0;width:311px;height:302px;background:url(/images/login_bg1.png) no-repeat;}
.login_wrap .bg2 { position:absolute;left:0;bottom:0;width:227px;height:193px;background:url(/images/login_bg2.png) no-repeat;}
.login_wrap .bg3 { position:absolute;right:0;top:0;width:287px;height:413px;background:url(/images/login_bg3.png) no-repeat;}
.login_wrap .bg4 { position:absolute;right:0;bottom:0;width:324px;height:282px;background:url(/images/login_bg4.png) no-repeat;}
.login_wrap .bg5 { position:absolute;left:50%;top:50%;width:429px;height:195px;margin-left:-355px;margin-top:34px;background:url(/images/login_bg5.png) no-repeat;}*/

.login_box {position:absolute;top:50%;left:50%;width:385px;margin-left:-190px;margin-top:-327px;}
.login_box.select	{width:600px;margin-left:-300px;margin-top:-260px;}
.login_box.select .login_area {padding:0;}
.login_box h1 {padding:0 0 24px 0;font-size:20px;text-align:left;line-height:26px;}
.login_box h1 span {font-size:12px;color:#999;vertical-align:baseline-middle;}
.login_box h2 {position:relative;display:block;padding:0 0 0 20px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee;background:#fff;color:#222;font-size:14px;text-align:left;line-height:50px;}
.login_box h2 .btn_language {display:none; position:absolute;right:0;top:3px;}
.login_box h2 a {position:absolute; right:100px; font-size:12px;}
.login_box .login_area {padding:0 20px 65px 20px;border:1px solid #eee;background:#fff;}
.login_box .login_area .notice_wrap	 {margin:25px 0 0 0;overflow-y:auto;}
.login_box .input_cont input {width:100%;height:50px;text-indent:24px;font-weight:bold;}
.login_box .input_cont input:focus {border:1px solid #d2d2d2;}
.login_box .input_cont label {display:block;margin-top:27px;font-size:15px;line-height:30px;}
.login_box .btn_login {width:100%;height:50px !important;margin-top:17px;width:100%;font-size:14px;border:1px solid #eee; background:#fff;color:#222; line-height:50px;text-align:center; transition:0.5s all; }
.login_box .btn { position:relative;padding-top:18px;text-align:right;line-height:20px; font-size:12px;}
.login_box .btn_join {position:absolute;top:18px;left:0;line-height:20px; font-size:14px; font-weight:bold;}
.login_box .btn_login:hover { background-color:#222; border:1px #222 solid; color:#fff; transition:0.5s all; }

.select td {padding:90px 0;vertical-align:top;color:#000; text-align:center;}
.select td.line {border-left:1px solid #eee;}
.select1 {height:40px;padding-top:130px; background:url(/images/icon_select2.png) no-repeat center 0;text-align:center;}
.select2 {height:40px;padding-top:130px; background:url(/images/icon_select1.png) no-repeat center 0;text-align:center;}
.select3 {height:40px;padding-top:130px; background:url(/images/icon_select3.png) no-repeat center 0;text-align:center;}
/*.select2 label { display:inline-block;width:100px;margin:10px 0 0 10px; text-align:left; font-size:12px;}*/

/* ================================================================================================================================
	���̾ƿ�
================================================================================================================================ */
.wrapper {min-width:1280px;height:100%;}
.contents {position:relative;min-width:1000px;max-width:2000px;height:100%;}

.cont_left 	{float:left;width:calc(25% - 5px);height:100%; border-right:1px #eee solid;}
.cont_right {float:left;width:75%;height:100%;}
.cont_right .cont {padding:50px 30px 30px 30px;}
.cont_right dl {border:1px solid #eee;margin-bottom:10px;}

.header  {clear:both;position:relative;height:80px;}
.header h1 {position:absolute;left:0;top:12px;padding:0;font-size:16px;text-align:left;z-index:100;cursor:pointer;}
.header h1 img { vertical-align:middle;}
.header h1 span { display:none;position:absolute;left:170px;top:10px; white-space:nowrap;color:#333;}
.header .link {position:absolute;top:12px;right:0;font-size:18px;color:#222;line-height:35px;z-index:10;}
.header .link a > strong { display:inline-block;font-size:24px;line-height:35px;font-weight:normal;vertical-align:middle;}
.header .link a > span.unit {padding-left:3px;margin-right:0;font-size:16px;vertical-align:text-bottom;}
.header .link span { display:inline-block;margin-right:15px;vertical-align:middle; font-size:12px; line-height:14px;}
.header .link span strong {padding-left:5px;/*font-size:20px;*/line-height:21px;font-weight:normal;}
.header .link a > img {height:24px;margin-top:-6px; vertical-align:middle;}
.header .link .btn_more {display:inline-block;border-radius:50px;padding:0 7px;margin-left:10px;background:#f1f1f1;line-height:1;overflow:hidden;vertical-align:middle;}
.header .link .btn_more span {margin:-8px 0 0 0;font-weight:bold;font-size:14px;cursor:pointer;}
.header .info {position:relative;padding-top:48px;font-size:11px;text-align:right;line-height:19px;color:#666;}
.header .info button { position:absolute;right:520px;bottom:7px;.bottom:11px;height:19px;background:#fff;border:0;font-size:11px;line-height:19px;color:#666;}
.header .info button span {content:'';display:inline-block;width:19px;height:19px;margin-right:11px;background:url(/images/icon_print.png) no-repeat;vertical-align:middle;}

.header .info button.btn_excel { position:absolute;right:180px;bottom:4px;.bottom:11px;height:33px;background:#fff;border:0;font-size:15px;line-height:33px;color:#666; background:url("/images/top_xls.png") left center no-repeat; padding-left:50px; color:#222; }
.header .info button.btn_print1 { display:none; }

.btn_manager {display:inline-block;margin:0 5px;padding:0 2px;width:16px;height:16px;background:url(/images/btn_setup.png) center center no-repeat;font-size:0;vertical-align:middle;}
.btn_myinfo {display:inline-block;margin:0 5px;width:16px;height:16px;background:url(/images/btn_myinfo.png) center center no-repeat;font-size:0;vertical-align:middle;}

.footer { clear:both;/*position:absolute;bottom:10px;right:10px;*/text-align:right;font-size:11px;}

.loadingLayer {background:url(/images/loading.gif) 49.7% 190px no-repeat;text-align:center;font-size:16px;line-height:500px;}

.cont_left h3	{position:relative;display:block;height:40px;padding-left:20px;border:1px solid #eee;background:#fff;color:#333;font-size:14px;line-height:40px;font-weight:bold;margin:0 30px; }
.cont_left h3 .num { position:absolute;right:20px;top:9px;display:inline-block;width:21px;height:21px;background:#e30046;border-radius:30px;color:#fff;text-align:center;line-height:21px;font-size:12px;}

h4 {font-weight:normal;line-height:40px;text-indent:20px;font-weight:bold;}

.btn_language {display:none; position:relative;width:90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;}
.btn_language .title {width:100%;background:url(/images/header_arrow.png) 92% center no-repeat;background-size:auto 14px;letter-spacing:0;line-height:25px;font-size:12px;cursor:pointer;}
.btn_language ul {display:none;position:absolute;left:0;top:25px;width:100%;border:1px solid #ccc;background:#fff;background-color:#fff;z-index:20;}
.btn_language:hover ul {display:block;}
.btn_language ul li {padding-left:12px;line-height:30px;font-size:12px;color:#333;cursor:pointer;}
.btn_language ul li:hover {background:#888;color:#fff;}
.btn_language img {height:12px;border:1px solid #ccc;vertical-align:middle;}

.profile_wrap	{position:relative;height:162px;padding:60px 0 0 110px;color:#ff6900;font-size:12px}
.profile_wrap strong {font-size:17px;font-weight:bold;color:#222;}
.profile_wrap > img {position:absolute;left:30px;top:50px;width:60px;height:60px;overflow:hidden;border-radius:30px;}
.profile_wrap a { position:absolute; bottom:50px; left:30px; width:calc(48% - 30px) !important; border:1px #eee solid; line-height:40px; height:40px; text-align:center; transition:0.5s all; }
.profile_wrap .btn_survey { left:auto; right:30px !important; line-height:40px !important; display:inline-block; }
.profile_wrap a:hover { border:1px #000 solid; background-color:#000; color:#fff; transition:0.5s all; }

.location_wrap {position:relative;height:150px;margin:0px 30px 20px 30px;font-size:12px; border:1px #eee solid;}
.location_wrap .img {position:absolute;left:20px;top:60px;width:82px;height:70px;background:#fff;line-height:70px;color:#fff; text-align:center;overflow:hidden;}
.location_wrap .img img {width:100%;height:auto !important;}
.location_wrap .location {position:relative;padding:20px 20px 0 112px; line-height:14px; }
.location_wrap .location p {margin-top:10px;}

.zone_wrap {position:relative;margin:0 30px 20px 30px;font-size:12px;border:1px #eee solid;}
.zone_wrap .map.index {margin-top:20px;}
.zone_wrap .map.index .level {display:none;}
.zone_wrap .map {position:relative;margin:20px auto !important;width:280px;height:155px;text-align:center;}
.zone_wrap .map .level {display:block;position:absolute;top:-20px;left:0;height:10px;padding-left:85px;background:url(/images/level.png) 0 0 no-repeat; background-size:80px 10px;text-align:right;font-size:11px;line-height:12px;text-align:right;z-index:12;}
.zone_wrap .map .level span {position:absolute;top:12px;}
.zone_wrap .map .level span.min {left:0;}
.zone_wrap .map .level span.max {left:70px;}
.zone_wrap .map .pos {position:absolute;left:150px;top:60px;width: 4px;height: 4px;z-index:10;/* background: #333; */}
.zone_wrap .map .pos span {display:block;width:4px;height:4px;/* margin:-5px 0 0 -5px; */border-radius:50px;overflow:hidden;}
.zone_wrap .map .pos.on span {background:#ff6900;}
.zone_wrap .map .pos.step1 span {background:#006600;box-shadow:0px 0px 35px 22px #006600;}
.zone_wrap .map .pos.step2 span {background:#339900;box-shadow:0px 0px 35px 22px #339900;}
.zone_wrap .map .pos.step3 span {background:#84bc00;box-shadow:0px 0px 35px 22px #84bc00;}
.zone_wrap .map .pos.step4 span {background:#adc700;box-shadow:0px 0px 35px 22px #adc700;}
.zone_wrap .map .pos.step5 span {background:#ffcc00;box-shadow:0px 0px 35px 22px #ffcc00;}
.zone_wrap .map .pos.step6 span {background:#ff6900;box-shadow:0px 0px 35px 22px #ff6900;}
.zone_wrap .map .pos.step7 span {background:#e30046;box-shadow:0px 0px 35px 22px #e30046;}






.alert_wrap {position:relative;height:70px;margin:0 30px 0 30px;font-size:12px;overflow-y:auto;overflow-x:hidden;padding:20px 0; border:1px #eee solid; border-top:0;}
.alert_wrap.noscroll {height:auto;}
.alert_wrap ul	{padding:0 10px 0 20px;}
.alert_wrap li {clear:both;display:inline-block;width:100%;padding:1px 0;font-size:0;}
.alert_wrap li.pass {color:#999;}
.alert_wrap li span {float:left;display:inline-block;width:69%;vertical-align:middle;font-size:12px;line-height:14px;}
.alert_wrap li span.kind {width:30%;}

.category {margin:40px 30px 50px 20px;}
.category li {position:relative; width:calc(33.33% - 10px); margin-left:10px; margin-top:10px; float:left; }
.category li a {display:block;padding:60px 0 0 0;border:1px solid #eee;background-repeat:no-repeat;background-position:center 15px;line-height:15px; border-radius:10px; transition:0.5s all; text-align:center; font-size:13px; height:30px;}
.category li.on a, .category li:hover a { border:1px #ff6900 solid; color:#ff6900; transition:0.5s all; }
.category li.none a, .category li.none:hover a {background-color:#e4e4e4 !important;color:#333 !important;filter:alpha(30);_opacity:0.3;opacity:0.3;-moz-opacity:0.3;-webkit-opacity:0.3;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)';border:1px #e4e4e4 solid !important;}
.category li.icon1 a {background-image:url(/images/icon_print8.png);}
.category li.icon2 a {background-image:url(/images/icon_print1.png);}
.category li.icon3 a {background-image:url(/images/icon_print2.png);}
.category li.icon4 a {background-image:url(/images/icon_print3.png);}
.category li.icon5 a {background-image:url(/images/icon_print4.png);}
.category li.icon6 a {background-image:url(/images/icon_category5.png);}
.category li.icon7 a {background-image:url(/images/icon_print7.png);}
.category::after { clear:both; content:""; display:block; }

.tab_wrap {clear:both;display:inline-block;width:100%;height:40px;position:relative;}
.tab_wrap h4 strong {padding:0 5px;font-size:17px;}
.tab_wrap.h4 {border-bottom:1px solid #eee;}
.tab_wrap.h4 .tab {position:absolute;right:0;top:0;}
.tab_wrap.h4 h4.bg { background:#ccc;}
.tab_wrap .tab {background:#e4e4e4;height:40px;}
.tab_wrap .tab li {float:left;display:inline-block;width:25%;height:40px;background:#e4e4e4;color:#999;font-size:14px;line-height:40px;text-align:center;cursor:pointer;}
.tab_wrap .tab li.on {background:#fff;color:#000;font-weight:bold;}
.tab_wrap .tab.col8 li {width:auto;padding:0 9px;font-size:12px;font-weight:bold;}
.tab_wrap .tab.col7 li {width:14.2%;padding:0;}
.tab_wrap .tab.col6 li {width:16.6%;padding:0;}
.tab_wrap .tab.col4 li {width:25%;padding:0;}
.tab_wrap .tab.col3 li {width:100px;background:none;}
.tab_wrap .tab.col3 li.on {background:#f9e1d1;}
.tab_wrap .tab.col4 li a {display:block;}
.tab_wrap .state {position:absolute;right:10px;top:10px; font-size:11px;}
.tab_wrap .state span {font-size:15px;}
.tab_wrap.tline {border-top:1px solid #eee}
.tab_wrap.tline h4 {font-size:14px;text-indent:20px;}

.dl.wid50 {clear:none;float:left; width:50%;}
.dl.wid49 {clear:none;float:right; width:48.5%;}
.dl.wid20 {clear:none;float:left; width:420px;}
.dl.wid80 {clear:none;float:right; width:calc(100% - 435px);}
.dl.wid35 {clear:none;float:right; width:35%;}
.dl.wid65 {clear:none;float:left; width:64%;}

.dl.wid50 dd { height:auto !important; }

.dl {clear:both;}
.dl .title, .dl h5 {position:relative;clear:both;display:block;width:100%;height:35px;background:#f9e1d1;font-size:12px;line-height:35px; text-indent:20px;}
.dl .title.energy {position:absolute;top:35px;width:22%;height:24px;text-indent:0;}
.dl .title.energy select {border:0;background-color:#ccc;}
.dl h5 select {position:absolute;right:0;top:0;width:40%;border:0;}
.dl dd {font-size:0;position:relative;overflow:hidden;}
.dl dd.padd_t {padding:20px 0;}
.dl dd.bgnone {background:#fff !important;}
.dl dd div {font-size:12px;}

.sub_dd {padding:10px 20px; text-align:center;}
.sub_nopadd {padding:0;}

/* �Ⱓ �˻� */
.time_select {position:relative;padding:10px 0;text-align:center;}
.time_select span {padding-left:20px;}
.time_select > button {display:inline-block;height:25px;background-color:#ebebeb;padding:0 15px;border:1px solid #ccc !important;}
.time_select > button.on {background:#888 !important;color:#fff;}
.time_select > button.btn_search {border:1px solid #787878 !important;background:#787878 !important;color:#fff;}
.time_select > input[type=text] {width:100px;height:25px;border:1px solid #ccc !important;background-color:#dadada;}

/* ���� ������ ���� */
.main_energy_value .itme_box  {position:relative;display:inline-block;float:left;width:50%;height:81px;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:17px 0 0 0;text-align:left;font-size:13px;line-height:14px;color:#888;vertical-align:middle;text-indent:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main_energy_value .itme_box span {display:block;padding-top:5px;font-size:15px;line-height:35px;color:#424242;}
.main_energy_value .itme_box strong {font-size:160%;line-height:30px;font-weight:normal; letter-spacing:-1px;}

/* ================================================================================================================================
	����
================================================================================================================================ */
.dl .area1, .dl .area2 {position:relative;width:22%;border-right:1px solid #eee;font-size:12px;line-height:14px;}
.dl .area1 {height:160px;}
.dl .area2 {height:120px;}
.dl .area1 span {display:block;padding:15px 0 0 20px;}
.dl .area2 span {display:block;padding:15px 0 0 20px;}
.dl .area3 {padding:15px 0 10px;text-align:center;}
.dl .area4 {width:22%;height:101px;border-right:1px solid #ccc;}

/* ���� ������ ����׷���*/
.dl .area_graph {position:absolute;right:0;top:0;width:78%;height:160px;}
.dl .area_graph .graph {height:160px;margin:0 22px;}
.dl .area_graph .graph li {position:relative;float:left;width:20%;height:110px;margin-top:25px;text-align:center;}
.dl .area_graph .graph li .bar { position:absolute;left:50%;bottom:0;margin-left:-6px;width:12px;min-height:0;}
.dl .area_graph .graph li .num { position:absolute;left:0;top:-18px;width:100%;font-size:10px;text-align:center;color:#000;}
.dl .area_graph .graph li .icon {position:absolute;left:50%;bottom:-20px;display:inline-table;width:17px;height:17px;margin-left:-8px;font-size:0;background-repeat:no-repeat;background-position:-7px -5px;}
.dl .area_graph .graph .bar1 .bar {background:#00a2df;}
.dl .area_graph .graph .bar1 .icon {background-image:url(/images/icon_category1.png);}
.dl .area_graph .graph .bar2 .bar {background:#e30046;}
.dl .area_graph .graph .bar2 .icon {background-image:url(/images/icon_category2.png);}
.dl .area_graph .graph .bar3 .bar {background:#ff6900;}
.dl .area_graph .graph .bar3 .icon {background-image:url(/images/icon_category3.png);}
.dl .area_graph .graph .bar4 .bar {background:#84bc00;}
.dl .area_graph .graph .bar4 .icon {background-image:url(/images/icon_category4.png);}
.dl .area_graph .graph .bar5 .bar {background:#753abc;}
.dl .area_graph .graph .bar5 .icon {background-image:url(/images/icon_category5.png);}

.dl .area_average {position:absolute;left:22%;top:160px;height:120px;width:78%;border-top:1px solid #eee;background:#ff6900;color:#fff;line-height:14px;}
.dl .area_average > span {display:block;padding:20px 0 0 20px;}
.dl .area_average .percent {position:absolute;top:30px;right:20px;padding:0;font-size:30px;line-height:35px;}
.dl .area_average span strong {display:inline-block;font-size:60px;line-height:60px;font-weight:normal;vertical-align:bottom;}
.dl .area_average > div { padding:30px 20px 0 20px !important; }

.btn_wrap {clear:both;padding-bottom:30px;text-align:center;}
.btn_wrap.line {margin:20px 0 0 0;padding-bottom:0;padding-top:20px;border-top:1px solid #ccc;}
.btn_wrap button { display:inline-block;width:128px;margin-right:25px;font-size:14px;border:1px solid #ccc; background:#E5E5E5;color:#222; line-height:40px;}
.btn_wrap button:last-child {margin-right:0;}

.btn_normal {display:inline-block;height:40px;padding:0 15px;border:1px solid #eee;font-size:13px;line-height:40px;color:#222;letter-spacing:-0.05em;overflow:hidden;cursor:pointer; white-space:nowrap;transition:0.5s all;}
.btn_normal:hover {border:1px solid #222;background:#222;color:#fff; transition:0.5s all;}

.sub_f1, .sub_f2 { position:relative; display:inline-block; float:left; width:23%;height:85px;padding:15px 0;text-align:left; font-size:12px; vertical-align:middle; text-indent:20px;}
.sub_f2 { width:50% !important;}
.sub_bar {display:inline-block;float:left;width:1%;height:115px; border-right:1px solid #ccc;vertical-align:middle;}
.sub_f1 span, .sub_f2 span { position:absolute;left:0;bottom:15px;}
.sub_f1 span strong, .sub_f2 span strong { font-size:42px;line-height:42px;font-weight:normal;color:#333; letter-spacing:-1px;}
.sub_f_clear { clear:both;height:0;width:0; font-size:0; line-height:0;}
.sub_f1.icon1 { background:url(/images/icon_1.png) 95% 45px no-repeat; background-size:60px 60px;}
.sub_f1.icon2 { background:url(/images/icon_2.png) 95% 45px no-repeat; background-size:73px 60px;}

/* ================================================================================================================================
	����
================================================================================================================================ */
.explain {padding:15px 25px 35px 25px; font-size:13px; letter-spacing:0;}
.explain strong {color:#222; font-size:18px;}
.explain.end {border-top:1px solid #ccc;}

.dl.survey {border:0 !important;}
.dl.survey h4 {border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;}
.dl.survey h4.color { background:#e4e4e4; text-indent:20px;}
.dl.survey h5 {height:auto;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:bold;font-size:15px;line-height:36px;}
.dl.survey dd > ul {padding:5px 0 20px 25px;}
.dl.survey dd > ul > li { clear:both;padding:0 0 20px 0;}
.dl.survey dd label { display:inline-block;padding-right:34px;margin-bottom:5px;}
.dl.survey dd label span {padding:0 5px;color:#ccc;}
.dl.survey dd .many label {width:220px;}
.dl.survey dd .list label {width:80%;}
.dl.survey dd label, .dl.survey dd div {color:#222; font-size:13px;}
.dl.survey dd label input[type=text] {margin-top:-15px;}
.dl.survey dd label input {margin-right:5px;}
.dl.survey dd .blank {padding:0 20px;}
.dl.survey dd .btn_file { display:inline-block;height:18px;background:url(/images/icon_file_add.png) 0 0 no-repeat; background-size:9px 18px; white-space:nowrap; text-indent:15px; vertical-align:middle;} 
/*
.dl.survey dd > ul > li.flot {float:left; display:inline-block;padding:0 0 20px 0;font-size:12px;}
.dl.survey dd > ul > li.flot div { float:left; display:inline-block;}
.dl.survey dd .label3 label {width:222px;}
.dl.survey dd .label5 label {width:130px;}*/
.dl.survey dd .label8 label {width:130px;padding-right:0;}
.survey .question { display:inline-block;padding:18px 0 18px 0;font-size:14px; font-weight:500; letter-spacing:0;}
.survey .indent .question:first-child {padding:0 0 18px;}
.survey .sub_question {margin-top:15px;margin-bottom:20px;letter-spacing:0;}
.survey .indent { padding:0 0 5px 20px;}
.survey .subject	{ display:inline-block;width:230px;margin-bottom:15px;font-size:13px;text-indent:13px;}
.survey .inline { display:inline-block;margin-right:20px;}
.survey .child_question { display:none;margin-top:15px;padding:15px 0 15px 20px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.survey .child_question .sub_question {margin-top:10px;}
.survey.allshow .child_question {display:block !important}


.dl.survey dd > ul > li .question_table {table-layout:auto;width:auto;}
.dl.survey dd > ul > li .question_table th {width:130px !important;padding-bottom:5px;padding-right:5px;text-align:left; font-size:13px; font-weight:normal;line-height:25px;}
.dl.survey dd > ul > li .question_table.th_wide th {width:340px !important;}
.dl.survey dd > ul > li .question_table.th_wide_mid th {width:260px !important;}
.dl.survey dd > ul > li .question_table.th_wide td, .dl.survey dd > ul > li .question_table.th_wide_mid td {min-width:50px !important;max-width:110px !important;}
.dl.survey dd > ul > li .question_table.th_wide_mid td {padding:0 8px;}
.dl.survey dd > ul > li .question_table td {min-width:40px;max-width:70px;text-align:center; font-size:13px;word-break:keep-all;word-wrap:break-word;}
.dl.survey dd > ul > li .question_table td.td_title {padding:0 0 10px 0; line-height:17px;vertical-align:bottom;}
.dl.survey dd > ul > li .question_table td.left {text-align:left;padding:0 0 5px 0 !important;}
.dl.survey dd > ul > li .question_table td label { width:100%;padding:0 !important;text-align:center;}
.dl.survey dd > ul > li .question_table td label input {margin-right:0 !important;}

.survey input[type=text] {height:30px;padding:3px 10px 3px 10px;margin-left:10px;border-bottom:1px solid #333;border-width:0 0 1px 0; }

.clear { clear:both;}

.view_etc { display:none;}

.print_change_text {display:none;}

/* ================================================================================================================================
	����Ʈ ������
================================================================================================================================ */
.print_wrapper { position:relative;margin:0 auto;width:940px;padding:30px;}

.print_opt_title {padding:10px 0 30px 0;text-align:center;}
.print_opt_title select {width:250px;margin-left:10px;}
.dl.print {clear:none;float:left;width:230px;height:290px;border:1px solid #ccc;margin-bottom:30px;margin-right:17px;}
.dl.print.m_none {margin-right:0;}
.dl.print dt h4 {border-bottom:1px solid #ccc;background:#e4e4e4;font-weight:normal;}
.dl.print dd {padding:10px 20px;}
.dl.print dd label {display:block;font-size:12px;line-height:30px;}
.dl.print dd label input {margin-right:5px;}
.dl.print dd .t_indent {text-indent:20px; line-height:30px;}

.print_header {position:relative;height:100px;border-bottom:2px solid #ccc;font-size:12px; line-height:18px;}
.print_header h1 {position:absolute;right:0;top:0;}
.print_title {position:relative;height:165px;}
.print_title h2 { position:relative;top:45%;padding-left:50px;font-size:35px;line-height:40px;color:#333;}
.print_title h2::before {content:'';position:absolute;left:0;top:0;display:inline-block;width:32px;height:32px;border-radius:10px;font-size:0;z-index:10;}
.print_title .icon1::before {background:url(/images/icon_print1.png) no-repeat;}
.print_title .icon2::before {background:url(/images/icon_print2.png) no-repeat;}
.print_title .icon3::before {background:url(/images/icon_print3.png) no-repeat;}
.print_title .icon4::before {background:url(/images/icon_print4.png) no-repeat;}
.print_title .icon5::before {background:url(/images/icon_print5.png) no-repeat;}
.print_title .icon6::before {background:url(/images/icon_print6.png) no-repeat;}
.print_title .link {position:absolute;right:13px;top:40px; font-size:11px; transform:rotate(270deg);transform-origin:100% 0%;}
.print_cont dt {border-bottom:2px solid #ccc !important;}
.print_cont h4 {border-top:2px solid #ccc;text-indent:0;}
.print_cont .dl .title { clear:both;position:relative;border-top:1px solid #ccc; background:none;text-indent:0; line-height:30px;}
.print_cont .dl .area_graph { position:relative;width:100%;height:100px;}
.print_cont .dl .area_graph .graph {margin:0 0 20px 0 !important;background:url(/images/print_line.png) repeat-x 0 20px !important;}
.print_cont .dl .area_average {top:auto;left:auto;width:100%;height:58px;position:relative;border:0;background:none;color:#ff6900 !important;}
.print_cont .dl .area_average .percent {top:-10px;}
.print_cont .dl dd {padding:20px 0;}
.print_footer { position:relative;border-top:2px solid #ccc;padding-top:10px;font-size:12px; color:#222;text-align:center;}
.print_footer .paging { position:absolute;right:0;top:10px;}
.print_footer .date { position:absolute;left:0;top:10px;}
.pop_btn {position:fixed;left:0;bottom:0;width:100%;padding:20px 0;border-top:1px solid #d8d8d8;background:#e4e4e4; font-size:12px; text-align:center; z-index:100;}
.pop_btn p { display:block;padding-bottom:10px;}
.pop_btn .btn_normal {display:inline-block; width:148px; height:30px; line-height:32px; text-align:center; vertical-align:middle; font-size:12px;  border:1px solid #ccc; background:#f9f9f9;}
.pop_btn .btn_normal:hover {color:#333;}
.pop_btn .btn_normal.color {margin-left:10px;border:1px solid #273240; background:#273240; color:white;}
.pop_bottom {height:150px;}

/* ================================================================================================================================
	�˾�
================================================================================================================================ */
.block_ui {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);z-index:500;}
.pop_view	{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.pop_view .block_ui	{display:block;}
.pop_check	{position:absolute;left:50%;top:50%;width:775px;height:auto;margin:-237px 0 0 -385px;padding:0; z-index:9999; background-color:#fff;border:1px solid #ccc;overflow:hidden;}
.pop_view .scroll_box 					{height:300px;overflow-x:hidden;overflow-y:auto;}
.pop_view p									{margin:0; padding:0;}
.pop_view .pop_data							{position:absolute; left:50%; top:50%; z-index:9999; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_view .pop_top							{position:relative; display:table; width:100%; border-bottom:1px solid #ddd;}
.pop_view .pop_top h3	{position:relative;display:block;height:40px;padding-left:20px;color:#333;font-size:14px;line-height:40px;font-weight:bold;text-align:center;}
.pop_view .pop_top .btn_close {position:absolute;right:0;top:0;width:27px;height:27px;background:url(/images/btn_pop_close.gif) no-repeat center center;background-size:18px auto;font-size:0;}
.pop_view .pop_cont	{margin:0; padding:20px;color:#222;}
.pop_view.suvery_select .select {}
.pop_view.suvery_select .select td {padding:50px 0;}
.pop_view.suvery_select .select td strong {font-size:24px;}
.pop_view.suvery_select .select td .select2 {height:65px;}
.pop_view.suvery_select .select td .btn_normal {border:1px solid #7f7f7f;background:#919191;color:#fff;}
.pop_view.suvery_select .select td .btn_normal:hover {border:1px solid #ff6900;background:#ff6900;color:#fff;}



.pop_excelPop	{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.pop_excelPop .block_ui	{display:block;}
.pop_excelPop .scroll_box 					{height:300px;overflow-x:hidden;overflow-y:auto;}
.pop_excelPop p									{margin:0; padding:0;}
.pop_excelPop .pop_data							{position:absolute; left:50%; top:50%; z-index:9999; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_excelPop .pop_top							{position:relative; display:table; width:100%; border-bottom:1px solid #ddd;}
.pop_excelPop .pop_top h3	{position:relative;display:block;height:27px;padding-left:20px;background:#e4e4e4;color:#333;font-size:14px;line-height:27px;font-weight:bold;text-align:center;}
.pop_excelPop .pop_cont	{margin:0; padding:20px;color:#222;}

.dl.printEx {clear:none;float:left;width:350px;height:200px;border:1px solid #ccc;margin-bottom:30px;margin-right:17px;overflow-y:auto; }
.dl.printEx.m_none {margin-right:0;}
.dl.printEx dt h4 {border-bottom:1px solid #ccc;background:#e4e4e4;font-weight:normal;}
.dl.printEx dd {padding:10px 20px;}
.dl.printEx dd label {display:block;font-size:12px;line-height:30px;}
.dl.printEx dd label input {margin-right:5px;}
.dl.printEx dd .t_indent {text-indent:20px; line-height:30px;}



.win_head {margin:10px;border:1px solid #eee; height:40px; line-height:40px; text-align:center; }
.win_head h1 { font-size:14px; color:#111;}
.win_cont {padding:20px 20px 0 20px;color:#222;font-size:12px;}
.win_cont .text_info {padding-bottom:5px;text-align:right;}
.win_cont h2	{ background:none !important; padding:15px 0 5px 0; margin:0 !important; font-size:15px; color:#222; letter-spacing:-1px;}
.win_cont .content	{height:130px;margin:10px 0;padding:0; overflow:hidden; overflow-y:auto; }
.win_cont p	{ padding:10px 0 15px 0; font-size:12px;color:#888;}
.win_cont .input_title { display:inline-block;width:100px; margin:0 0 5px 0; line-height:40px; vertical-align:middle;}
.win_cont .input_title.padd {padding-left:30px;}
.win_cont .input_title strong, .win_cont .star {color:#ff6900;}
.win_cont select {width:390px; height:38px;border-color:#ccc;margin:0 0 5px 0;}
.win_cont input	{ width:390px; margin:0 0 5px 0; padding:7px 0 7px 12px !important; border-color:#dfdfdf !important; }
.win_cont input + .join_label 	{ display:block; height:30px; padding:10px 0 0 25px; margin:2px 0 4px 0; color:#666; font-size:12px; text-align:center; background:#fff; border:1px solid #999; vertical-align:middle; letter-spacing:-1px; opacity:0.4; _opacity:0.4; }
.win_cont input:checked + .join_label 	{ opacity:1; _opacity:1;color:#222; }
.win_cont .absolute	{ position:absolute; left:22px; margin:0; z-index:10; width:88% !important; height:54px !important; padding:0 !important; opacity:0; _opacity:0; overflow:hidden; }
.win_cont .ex { display:none; padding:0 0 10px 100px;color:#ff1200 ;}
.win_cont .ex.error { display:block; }

.popwin { height:auto;}


.pop_view.weather {position: relative;}
.weather .pop_check	{left:auto;top:-20px; right:0px; width:360px;margin:0;}
.weather .pop_cont {padding:25px; letter-spacing:0;}
.pop_aqi { text-align:center;}
.pop_aqi .aqibg{height:120px;background-position:center center; background-repeat:no-repeat; color:#777; }
.aqi_green {background-image:url(/images/aqi_green.png);}
.aqi-yellow {background-image:url(/images/aqi-yellow.png);}
.aqi_orange {background-image:url(/images/aqi_orange.png);}
.aqi_red {background-image:url(/images/aqi_red.png);}
.aqi-purple {background-image:url(/images/aqi-purple.png);}
.aqi-maroon {background-image:url(/images/aqi-maroon.png);}

.aqi_good {background-image:url(/images/aqi_green.png);}
.aqi_moderate {background-image:url(/images/aqi_yellow.png);}
.aqi_unhealthy {background-image:url(/images/aqi_red.png);}
.aqi_very_unhealthy {background-image:url(/images/aqi_purple.png);}

.aqi {color:#fff !important; margin-top:15px !important;border-radius: 50px; font-weight:bold; display: inline-block; padding:0 15px;}
.aqi.good {background:#00bd00; }
.aqi.moderate {background:#ffc600;}
.aqi.unhealthy_for_Sensitive_Groups {background:#ff7e00;}
.aqi.unhealthy{background:#ff0000;}
.aqi.very_unhealthy{background:#8f3f97;}
.aqi.hazardous{background:#7e0023;}

.pop_aqi .aqibg h1 {font-weight:100; color:#000; padding-top:50px; font-size:52px; line-height:48px;}
.pop_weather {background:#f8f8f8; line-height:44px; margin:20px 0;}

.w_icon {display:inline-block;margin-right: 5px; background-size:24px auto; background-position:center center; background-repeat:no-repeat;  width:24px; height:24px; vertical-align: middle;}
.weather_humidity {background-image:url(/images/weather_humidity.png);}
.weather_sun {background-image:url(/images/weather_sun.png);}
.weather_wind {background-image:url(/images/weather_wind.png);}
.weather_cloud {background-image:url(/images/weather_cloud.png);}
.weather_cloud_many {background-image:url(/images/weather_cloud_many.png);}
.weather_rain {background-image:url(/images/weather_rain.png);}
.weather_rain_snow {background-image:url(/images/weather_rain_snow.png);}
.weather_snow {background-image:url(/images/weather_snow.png);}
.weather_sun_cloud {background-image:url(/images/weather_sun_cloud.png);}

.pop_pollutants p {text-align:center; color:#777; font-size:12px;}
.t_pollutants .text {color:#999; float:left; line-height: 1; padding-top:10px;}
.t_pollutants .text strong {color:#000;}
.t_pollutants .text span {display:block; font-size:12px; font-weight:bold;}
.t_pollutants td{padding-top: 20px; }

.good {color:#00bd00;}
.moderate {color:#ffc600;}
.unhealthy_for_Sensitive_Groups {color:#ff7e00;}
.unhealthy{color:#ff0000;}
.very_unhealthy{color:#8f3f97;}
.hazardous{color:#7e0023;}


.circle.good {background:#00bd00; }
.circle.moderate {background:#ffc600;}
.circle.unhealthy_for_Sensitive_Groups {background:#ff7e00;}
.circle.unhealthy{background:#ff0000;}
.circle.very_unhealthy{background:#8f3f97;}
.circle.hazardous{background:#7e0023;}
	
.circle {float:right; border-radius:50px; min-width:34px; color:#fff; font-size:17px; line-height:34px; text-align:center; letter-spacing:-1px; padding:5px; }


/* ================================================================================================================================
	������ �׷���
================================================================================================================================ */
.energy_dd {position:relative;padding:0 10px 10px;}
.energy_linegraph {position:relative;padding:0 25px 30px;}
.energy_linegraph .legend {padding-top:12px;text-align:right;line-height:22px;font-size:10px;letter-spacing:0;}
.energy_linegraph .legend .icon {display:inline-block;width:15px;height:5px;margin:0 10px 0 25px;vertical-align:middle;}
.energy_linegraph .legend .icon1 {background:#8457d6;}
.energy_linegraph .legend .icon2 {background:#f7ff67;}
.energy_linegraph .legend .icon3 {background:#87d300;}
.energy_linegraph .legend .icon4 {background:#fff;}

.energy_main_box {float:left;width:49.5%;margin-right:1%;background:#f9f9f9;}
.energy_main_box.pos1 {float:none;width:22.5% !important;}
.energy_main_box.pos2 {float:none;position:absolute;left:50%;top:0;width:34% !important;margin-left:-17%;}
.energy_main_box.pos3 {float:none;position:absolute;right:0;top:0;width:23.5% !important;}
.energy_main_box.pos4 {float:none;position:absolute;right:0;top:265px;width:23.5% !important;}

.next_txt {position:absolute;background:url(/images/arrow_right.png) center 40px no-repeat;font-size:12px;text-align:center;line-height:18px;}
.next_txt strong {display:inline-block;padding-bottom:85px;font-size:20px;}
.next_txt span strong {padding-bottom:15px;font-size:15px;}
.next_txt span {display:inline-block;width:100%;font-weight:bold;}
.next_txt.pos1 {left:25%;top:60px;}
.next_txt.pos2 {left:69%;top:60px;}
.next_txt.pos3 {right:15px;top:162px;width:150px;padding-left:55px;background:url(/images/arrow_up.png) 0 center no-repeat;text-align:left;}
.next_txt.pos3 strong {padding-bottom:10px;font-size:15px;}
.next_txt.pos3 span {float:left;width:50%}

.area_energy {height:101px;}

.energy_main_box .txtcolor {color:#00b4b1 !important;font-weight:bold !important;}
.energy_main_box .txtcolor strong {font-weight:bold !important;}
.energy_main_box h3 {background:#e4e4e4;color:#000;font-size:14px;text-align:center;line-height:40px;}

.energy_main_box .cont1 {position:relative;height:190px;padding:0 20px 0 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.energy_main_box .cont2 {position:relative;height:375px;padding:32px 35px 35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.energy_main_box .cont3 {padding-left:30px;height:102px;line-height:105px;font-size:18px;color:#424242;}
.energy_main_box .cont3 strong {padding-right:5px;font-size:30px;font-weight:normal;}
.energy_main_box .cont3.icon1 {background:url(/images/icon_energy9.png) 90% center no-repeat;}
.energy_main_box .cont3.icon2 {background:url(/images/icon_energy10.png) 90% center no-repeat;}
.energy_main_box .cont1 .itme_box  {clear:both;border-bottom:1px solid #ccc;width:100%;border-right:0;border-left:1px solid #ccc;padding:30px 0 0;/*text-indent:0;*/}
.energy_main_box .cont1 .itme_box:nth-child(3) {border-bottom:0;}
.energy_main_box .cont1 .itme_box strong {font-size:24px;line-height:38px;}
.energy_main_box .cont1 .itme_box span	{padding-top:4px;font-size:12px;}

.energy_main_box .itme_box  {position:relative;display:inline-block;float:left;width:50%;height:95px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:22px 0 0 0;background-size:auto 30px !important;text-align:left;font-size:12px;line-height:15px;vertical-align:middle;text-indent:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.energy_main_box .itme_box span, .energy_value .itme_box span {display:block;padding-top:8px;font-size:16px;line-height:35px;color:#424242;}
.energy_main_box .itme_box strong, .energy_value .itme_box strong {font-size:150%;line-height:30px;font-weight:normal; letter-spacing:-1px;}
.energy_main_box .itme_box.icon1 {background:url(/images/icon_energy1.png) 93% 42px no-repeat;}
.energy_main_box .itme_box.icon2 {background:url(/images/icon_energy2.png) 93% 42px no-repeat;}
.energy_main_box .itme_box.icon3 {background:url(/images/icon_energy3.png) 93% 42px no-repeat;}
.energy_main_box .itme_box.icon4 {background:url(/images/icon_energy4.png) 93% 42px no-repeat;}
.energy_main_box .itme_box.icon5 {background:url(/images/icon_energy5.png) right 42px no-repeat;}
.energy_main_box .itme_box.icon6 {background:url(/images/icon_energy6.png) right 42px no-repeat;}

.energy_main_box .itme_box2  {position:relative;padding:25px 0 0 0;text-align:left;font-size:13px;line-height:13px;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.energy_main_box .itme_box2 span{display:block;padding-top:11px;font-size:18px;line-height:30px;color:#424242;font-weight:bold;}
.energy_main_box .itme_box2 strong {font-size:26px;line-height:28px;letter-spacing:-1px;}
.energy_main_box .itme_box2.icon {background:url(/images/icon_energy11.png) right 80% no-repeat;}
.energy_main_box .itme_box2 .txtcolor {display:inline-block;}

.energy_main_box.main {position:absolute;top:0;left:22%;width:78%;background:transparent;}
.energy_main_box.main .cont1 {height:111px;padding:0 25px;}
.energy_main_box.main .cont1 .itme_box  {clear:none;border-bottom:0;width:33.3%;height:85px;float:left;border-left:0;text-indent:0;background:none;text-align:center;}
.energy_main_box.main .cont1 .itme_box strong {font-size:19px;font-weight:bold;}
.energy_main_box.main .cont1 .itme_box span	{padding-top:0;}
.energy_main_box.main.no_data {position:relative;left:auto;top:auto;width:100%;}
.energy_main_box.main.no_data .cont1 {padding: 0 25px;}
.energy_main_box.main.no_data .cont1 .no_itme_box  {text-align: center; line-height: 110px; }
.energy_main_box.main.no_data.cont1 .no_itme_box {font-size:12px;}
.energy_main_box.main.no_data .cont1 .no_itme_box .no_itemcon {width:40px; height:40px; margin-right:10px; background: url(/images/nograph_bg.png) left center no-repeat; background-size: 100% auto; display:inline-block; vertical-align: middle;}

/*
.energy_main_box.main .cont1 .itme_box.icon6 {padding-top:20px;}*/

.pcs_value {display:inline-block;width:100%;border-bottom:1px solid #dfdfdf;}
.pcs_value li {display:inline-block;float:left;width:33.3%;padding-bottom:23px;color:#424242;font-size:15px;line-height:22px;}
.pcs_value li strong {font-size:22px;}

.energy_btn {clear:both;padding-top:28px;}
.energy_btn li {float:left;width:32.5%;height:45px;margin-right:1%;margin-bottom:1%;border:1px solid #cbcbcb;/*background:#fbfbfb;*/color:#424242;font-size:13px;line-height:45px;font-weight:bold;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.energy_btn li:nth-child(4) {padding-top:8px;line-height:15px;}
.energy_btn li:nth-child(3n) {margin-right:0;}
.energy_btn li.on {border:1px solid #8457d6;background:#8457d6;color:#fff;}

.energy_value {padding:20px 30px 30px;}
.energy_value .itme_box  {position:relative;display:inline-block;float:left;width:25%;height:140px;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1;padding:37px 0 0 0;text-align:left;font-size:14px;line-height:15px;color:#888;vertical-align:middle;text-indent:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
dd h4 {font-size:16px;font-weight:normal;text-indent:0}
.energy_value .itme_box:nth-child(4n+1), .energy_value .itme_box:nth-child(15) {border-right:0;}
.energy_value .itme_box:nth-child(14), .energy_value .itme_box:nth-child(15) {border-bottom:0;}

.energy_title {position:relative;padding:20px 30px 10px;}
.energy_title .time_select {position:absolute;right:18px;top:20px;padding:0;}
.energy_title .time_select.type2 {right:35%;}
.energy_title .time_select.type2  > button {padding:0 40px;}

.ess_box {margin-top:20px;}
.ess_box .itme_box  {position:relative;display:inline-block;float:left;width:24%;height:140px;background:#767676;padding:28px 0 0 0;text-align:left;font-size:17px;line-height:17px;color:#fff;vertical-align:middle;text-indent:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ess_box .itme_box:nth-child(2), .ess_box .itme_box:nth-child(3) {width:38%;}
.ess_box .itme_box > span {display:block;padding-top:11px;line-height:38px;color:#fff;}
.ess_box .itme_box strong {font-size:34px;line-height:34px;font-weight:normal; letter-spacing:-1px;}
.ess_box .itme_box .paddt {display:block;padding-top:8px;font-size:30px;}
.ess_box .itme_box.icon1 {background:url(/images/icon_energy7.png) 90% 30px no-repeat #8457d6;}
.ess_box .itme_box.icon2 {background:url(/images/icon_energy8.png) 90% 30px no-repeat #8457d6;}
.ess_box .energy_progress {padding-right:25px;font-size:14px;color:#fff;}
.ess_box .progress_wrap {display:inline-block;width:calc(100% - 110px);margin-right:6px;height:3px;position:relative;background:#63499b;font-size:0;line-height:0;}
.ess_box .progress_wrap span {position:absolute;left:0;top:0;display:inline-block;padding:0;height:100%;width:80%;background:#fff;font-size:0;line-height:0;}

.itme_box.state {line-height:60px;text-align:center;}

.weather_detail {display:none;left:auto;top:0;right:0;margin:0;width:550px;}
.weather_cont {float:left;width:50%;text-align:center;}



/* =========================================================================================================
	����������
========================================================================================================= */
.en_ver .profile_wrap .btn_survey {right:17px;width: 45px;line-height:30px;}
.en_ver .profile_wrap a {right:95px;}


/* =========================================================================================================
	�ܺο�
========================================================================================================= */
/* �ܺ����� */
.exboard .alert_wrap {height:123px;}
.exboard .dl .area1 {height:240px;}
.exboard .dl .area2 {height:143px;}
.exboard .dl .area_average {top:240px;height:143px;}
.exboard .dl .area_average > span {padding:50px 0 0 20px;}
.exboard .dl .area_average .percent {top:-5px;}
.exboard .dl .area_graph {height:240px;}
.exboard .dl .area_graph .graph {height:240px;background:url(/images/main_line.png) repeat-x 0 40px;background-size:auto 155px;}
.exboard .dl .area_graph .graph li {height:160px;margin-top:35px;}
.exboard .dl .area_graph .graph li .icon {bottom:-30px;}
.exboard .cont_right .cont {border:0;}
.exboard .cont_right .cont:before {content:'';position:absolute;left:25%;top:0;bottom:0;width:1px;background:#ccc;}