@charset "UTF-8";
#ei_search_box { position: relative; border: 1px solid #D9DFEE; border-radius: 10px; background-color: #D9DFEE; padding: 20px 150px 20px 20px; }
#ei_sb_table th:first-child { width: 100px; }
#ei_sb_table select, #ei_sb_table option { color: #555; font-size: 12px; font-weight: unset; }
#ei_sb_table select:focus,
#ei_sb_table select:focus-within {outline : 2px solid #000 !important;}
#ei_sb_table select { outline: none; height: 32px; border: 1px solid #BDC5D7; border-radius: 4px; cursor: pointer; } 
#ei_sbt_basic, #ei_sbt_town { display: none; }

#ei_sb_div { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
#ei_sb_div button { border: 1px solid #494d57; border-radius: 4px; width: 80px; height: 32px; color: white; font-size: 12px; }
#ei_sbd_reset { background: #68739d; border-color: #6F79A5; }
#ei_sbd_search { background: #010C3B; border-color: #010C3B; }
.ei_sbd_class_svg { width: 12px; fill: white; }

.ei_class_contents_box { border: 1px solid #0000001A; border-radius: 10px; background-color: white; padding: 20px; box-shadow: 0 3px 5px #0000001A; }
.ei_class_contests_title { position: relative;  }
.ei_class_ct_text:before { display: inline-block; content: ''; position: absolute; left: 0; top: 6px; width: 0; height: 14px; border-left: 4px solid #4366ea; }
.ei_class_ct_text { padding-left: 10px; color: black; font-size: 16px; }
.ei_class_ct_info { padding-left: 10px; font-size: 12px; }

#ei_middle_container { position: relative; margin-top: 20px; width: 1200px; height: 590px; }
#eimc_div_1, #eimc_div_2 { position: absolute; top: 0; height: 590px; } 
#eimc_div_1 { width: 690px; }
#eimc_div_2 { width: 490px; }
#eimc_div_1 { left: 0; }
#eimc_div_2 { right: 0; }

#eimc_d1_navi {	display: flex; margin-top: 10px; height: 35px; border: 1px solid #E0E2E7; border-radius: 4px; background: linear-gradient(180deg, #FFFFFF, #F6F8F9); }
#eimc_d1_navi li { display: flex; justify-content: space-around; width: 100%; height: 100%; cursor: pointer; }
#eimc_d1_navi li:nth-child(n+2) { border-left: 1px solid #ecedf0; }
#eimc_d1_navi li a { height: 32px; line-height: 34px; padding: 0 5px; font-size: 13px;  }
#eimc_d1_navi li a[data-state="pick"] { border-bottom: 2px solid #4366EA; }

.ei_class_reative_box { position: relative; height: 100%; }
.ei_class_info_btn { border-radius: 50%; width: 15px; height: 15px; padding: 0; background: transparent url('../images/icon_caution.png') no-repeat scroll center center; background-size: 15px;  }
#ei_reative_box_1 { width: 650px; }
#ei_reative_box_2 { width: 449px; }

#eimc_d1_elec_indx, #eimc_d1_perc_temp { position:absolute; top: 44px; }
#eimc_d1_elec_indx { left: 210px; }
#eimc_d1_perc_temp { left: 520px;}

#eimc_d1_map { position:absolute; width: 100%; height: 480px; overflow: overlay; }
#eimc_d1_popup { position:absolute; border-radius: 4px; width: 150px; height: 60px; background-color: white; }
#eimc_d1p_content { width: 100%; height: 100%; }
#eimc_d1p_content li { font-size: 13px; height: 30px; line-height: 30px; padding: 0 5px; }
#eimc_d1p_content li b { float: right; }

#eimc_d1_option { position: absolute; top: 103px; border: 1px solid #E0E2E7; border-radius: 5px; padding: 15px; z-index: 10; background: linear-gradient(180deg, #FFFFFF, #F6F8F9); }
#eimc_d1_option li { height: 30px; line-height: 30px; }
.eimc_d1o_class_label { cursor: pointer; }
.eimc_d1o_class_label:focus,
.eimc_d1o_class_label button:focus,
.eimc_d1o_class_label:focus-within,
.eimc_d1o_class_label button:focus-within { outline : 2px solid #000 }
.eimc_d1o_class_label input[type=radio]  { display: inline-block !important; margin-right: 10px; }
#eimc_d1_compa_before { margin-top: -3px; margin-left: 5px; }

#eimc_d1_legend { position: absolute; top: 50%; right: 30px; transform: translateY(-46%); width: 15px; }
#eimc_d1_legend li { position: relative; height: 15px; word-wrap: break-word; }
#eimc_d1_legend li div {color:#000; position: absolute; top: -7px; right: 20px; width: 50px; font-size: 12px; text-align: right; background-color:white;}
#eimc_d1_legend li:last-child div  { top: 8px; }

#eimc_d1_time { position: absolute; bottom: 25px; width: 649px; }
#eimc_d1_time li { display: inline-block; }
#eimc_d1_time li:first-child { width: 140px; }
#eimc_d1_time li:last-child:before { content: attr(data-min); position: absolute; right: 460px; bottom: -10px; color: #666; font-size: 12px; }
#eimc_d1_time li:last-child:after { content: attr(data-max); position: absolute; right: 10px; bottom: -10px; color: #666; font-size: 12px; }
#eimc_d1_time li:last-child label { display: block; width: 500px; }

#eimc_d1t_select {  width: 120px; height: 32px; border: 1px solid #BDC5D7; border-radius: 4px; cursor: pointer; }
#eimc_d1t_select option { color: #666; font-size: 12px; font-weight: normal; }

#eimc_d1t_input { 
	overflow: hidden; border-radius: 5px; width: 100%; height: 10px; background: transparent;
	-moz-appearance: none; -o-appearance: none; -webkit-appearance: none; 
}
#eimc_d1t_input:focus { outline: none; }

#eimc_d1t_input::-moz-slider-runnable-track { width: 100%; height: 100%; cursor: pointer; border-radius: 5px; background: #D2D2D2; }
#eimc_d1t_input::-o-slider-runnable-track { width: 100%; height: 100%; cursor: pointer; border-radius: 5px; background: #D2D2D2; }
#eimc_d1t_input::-webkit-slider-runnable-track { width: 100%; height: 100%; cursor: pointer; border-radius: 5px; background: #D2D2D2; }

#eimc_d1t_input::-moz-slider-thumb {
	width: 20px; height: 20px; background: #7F7F7F; cursor: pointer; box-shadow: -100vw 0 0 100vw #7F7F7F;
	-moz-appearance: none; -o-appearance: none; -webkit-appearance: none;
}
#eimc_d1t_input::-o-slider-thumb {
	width: 20px; height: 20px; background: #7F7F7F; cursor: pointer; box-shadow: -100vw 0 0 100vw #7F7F7F;
	-moz-appearance: none; -o-appearance: none; -webkit-appearance: none;
}
#eimc_d1t_input::-webkit-slider-thumb {
	width: 20px; height: 20px; background: #7F7F7F; cursor: pointer; box-shadow: -100vw 0 0 100vw #7F7F7F;
	-moz-appearance: none; -o-appearance: none; -webkit-appearance: none;
}

#eimc_d2_region, #eibc_region, .eibc_class_subject { margin-left: 12px; height: 30px; line-height: 30px; font-size: 13px; }
.eimc_d2_class_div { display: inline-block; }
.eimc_d2_class_contents { width: 100%; height: 243px; }
#eimc_d2_sent { margin-top: 10px; }
.eimc_d2_class_cl { border-right: 1px solid #EEE; width: 155px; height: 100%; }
.eimc_d2_class_cl_ul {}
.eimc_d2_class_cl_ul li:last-child { font-size: 13px; text-align: center; }
.eimc_d2_class_cl_prev { height: 20px; line-height: 20px; font-size: 13px; text-align: center; }
.eimc_d2_class_cl_chart { width: 155px; height: 175px; }
.eimc_d2_class_cl_max { margin-left: 10px }
#eimc_d2i_cl_today_max { color: #544FC5 }
#eimc_d2s_cl_today_max { color: #d63d00 }

.eimc_d2_class_cr { float: right; width: 294px; height: 100%; padding-left: 10px; }
.eimc_d2_class_cr_ul { }
.eimc_d2_class_cr_ul li { list-style: disc inside; height: 30px; line-height: 30px; font-size: 14px; }
.eimc_d2_class_cr_ul li:first-child { list-style: none outside;  height: 30px; line-height: 18px; color: #555; }
.eimc_d2_class_cr_ul li:first-child button { margin: -4px 0 0 10px; }
.eimc_d2_class_span { margin-left: 10px; }
#eimc_d2s_cr_expl { display: none; margin-left: 20px; line-height: 20px; text-indent: -20px; }

#ei_bottom_container { position: relative; margin-top: 20px; width: 1200px; height: 600px; }
#eibc_region, #eibc_chart { position: absolute;  top: 50px; } 
#eibc_region { z-index: 1 }
#eibc_chart_indx, #eibc_chart_sent { position: absolute; right: 121px; }
#eibc_chart_indx { top: 56px; }
#eibc_chart_sent { top: 74px; }
#eibc_chart { left: 20px; width: 1140px; height: 528px; }
.eibc_class_chart_legend li { display: inline-block; }
.eibc_class_chart_legend li:first-child { width: 80px; }
.eibc_class_chart_legend li:last-child { padding-left: 25px; }
.eibc_class_chart_legend li:last-child:before { content: ''; position: absolute; top: 8px; left: 80px; width: 20px; height: 0; }
#eibc_legend_index li:last-child:before { border-top: 2.5px dotted #544FC5; }
#eibc_legend_sent li:last-child:before { border-top: 2.5px dotted #FE6A35; }
#eibc_legend_index li:last-child span { color: #544FC5; font-weihgt: bold; }
#eibc_legend_sent li:last-child span { color: #d63d00; font-weihgt: bold; }

/* Back wall start */
	#_back_wall { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000BF; z-index: 1000; }
	#_bw_contents { position: relative; top: 0; left: 0; bottom: 100%; right: 100%; width: 100%; height: 100%; }
	#_bw_help_box { position: absolute; transform: translate(-50%, -50%); border-radius: 5px; width: 640px; height: 480px;  background: white; box-shadow: 0 3px 5px #0000001A; }
	#_bw_hb_btn_close { position: absolute; top: 5px; right: 10px; width: 30px; font-size: 20px; z-index: 10; }
	#_bw_footer { position: absolute; bottom: 20px; border-top: 1px solid #EEE; width: calc(100% - 40px); padding-top: 10px; text-align: center; }
	#_bw_footer button { border-radius: 5px; width: 80px; height: 30px; background-color: #666; color: #DDD; }
	._bw_hb_class_contents {}
	._bw_hb_class_contents li { font-size: 13px; padding: 2.5px 0; word-spacing: 2px; }
	._bw_hb_class_contents li:nth-child(n+3) { margin-top: 2.5px; }
	
	._bw_hb_class_title:before { content: ''; position: absolute; left: -10px; top: 6px; width: 0; height: 14px; border-left: 4px solid #4366EA; }
	._bw_hb_class_title { position: relative; margin-left: 10px; }
	
	._bw_hb_class_main:before { content: '▶'; margin: 0 10px; }
	._bw_hb_class_main { margin-left: 32px; text-indent: -32px; }
		
	._bw_hb_class_example { margin-left: 54px; text-indent: -22px; } 
	
	._bw_hb_class_explanation:before { content: '▶'; margin: 0 10px; }
	._bw_hb_class_explanation { margin-left: 32px; text-indent: -32px; }
	
	._bw_hb_class_formula:before { content: '수식'; position: absolute; left: 5px; top: -40px; font-size: 11px; }
	._bw_hb_class_formula { position: relative; margin-top: 20px !important; height: 100px; line-height: 100px; background: lightgray; text-align: center; }
	
	._bw_hb_class_table_1 { border-top: 3px double #CCC; border-bottom: 1px solid #CCC; width: 100%; }
	._bw_hb_class_table_1 th,._bw_hb_class_table_1 td { padding: 7px 0; }
	._bw_hb_class_table_1 th { background-color: #EEE; text-align: center; border-bottom: 1px solid #CCC; }
	._bw_hb_class_table_1 td { border-bottom: 1px dotted #CCC; }
	._bw_hb_class_table_1 td:first-child { text-align: center; }
/* Back wall finish */

/* Loading animation start */
    #_main_loading_section { position: absolute; transform: translate(-50%, -50%); }
    ._ml_class_loader {
        color: #AAAAAA; font-size: 90px; text-indent: -9999em; overflow: hidden;
        width: 1em; height: 1em; border-radius: 50%; margin: 72px auto; position: relative;
        -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
        -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
        animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    }
    @-webkit-keyframes load6 {
        0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
        5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
        10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
        20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
        38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
        100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
    }
    @keyframes load6 {
        0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
        5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
        10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
        20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
        38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
        100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
    }
    @-webkit-keyframes round {
        0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    }
    @keyframes round {
        0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    }
/* Loading animation finish */