@charset "UTF-8";

/* ===== 로그인 ===== */
@media screen and (max-width: 1280px) {
	/* #body_wrap.login {height: 1023px;} */
	.login_area{margin:auto auto;}
}
@media screen and (max-width: 1919px) {
	#body_wrap.login {min-width: auto;}
}
@media screen and (max-width: 700px) {
	#body_wrap.login {height:100%;}
	.login_area{width:100%; height:390px;}
	.login_area h1{font-size:31px; width: 500px; margin: auto auto; padding-left: 0%;}
	.login_area h1 span span.title{font-size:36px;}
	.login_area h1 em{font-size:36px;}
	.login_area .in_box{width:90%; box-sizing: border-box; border:none; margin: 50px 0 0 0; margin-left: 5%;}
}
@media screen and (max-width: 530px) {
	.login_area h1{font-size:26px; width: 355px; line-height:25px; padding-left: 0%;}
	.login_area h1 span span.title{font-size:27px;}
	.login_area h1 em{font-size:30px; line-height:16px;}
	.login_area h1 img{margin:0 2px 0 0; width:60px;}
	.login_area .in_box dl dt{font-size:14px;}
	.login_area .btn_login{font-size:18px;}
	.login_area .in_box{padding: 20px 30px 30px;}
}
@media screen and (max-width: 359px) {
	.login_area h1{font-size:18px; width: 275px; line-height:20px;}
	.login_area h1 span span.title{font-size:20px;}
	.login_area h1 em{font-size:20px; line-height:16px;}
	.login_area h1 img{margin:0 2px 0 0; width: 50px;}
}

/* ===== 공통, HOME, DASHBOARD ===== */
@media screen and (max-width: 1919px) {
	#header{height: auto;}
	#body_wrap{height: auto;}
	.container{height: auto;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div dl>dd>span{width: 75%;}
	.dashboard_layout .top .data_box>div dl>dd>em{width: 25%;}
	.dashboard_layout .bottom .room_box>div>#room_chart{width: 75%;}
	.dashboard_layout .bottom .room_box>div>#room_data{width: 25%;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl>dd>span{width: 75%;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>em{width: 25%;}
	
	.main_layout>li.middle{height: auto;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 0.7vw; width: 40%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.21vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.59vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 0.9vw; width: 42%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 0.7vw;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl>dd>span{width: 75%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>em{width: 25%;}
}

@media screen and (max-width: 1799px) {
	#header .alarm_box{width: 500px;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div>dl{width: 14.28%;}
	
	.dashboard_layout>li.bottom>ul>li{width: 40%; padding-right: 5px;}
	.dashboard_layout>li.bottom>ul>li:first-child{width: 100%; padding-right: 0;}
	.dashboard_layout>li.bottom>ul>li:last-child{width: 20%; padding-right: 0;}
	.dashboard_layout .bottom .day_box>div>div{height: 333px;}
	.dashboard_layout .bottom .error_box>div>div{height: 333px; padding: 0;}
	.dashboard_layout .bottom .error_box>div>div>ul>li{width: 50%;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body>.h_scroll{height: 297px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dt{line-height: 40px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dd>span{line-height: 40px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dd>em{line-height: 20px;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl{width: 14.28%;}
	
	.main_layout>li.middle>.dl_wrap{width: 20%;}
	.main_layout>li.middle>.dl_wrap:nth-child(6n){padding-right: 5px;}
	.main_layout>li.middle>.dl_wrap:nth-child(5n){padding-right: 0;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 0.9vw; width: 40%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.26vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.66vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 1.2vw; width: 42%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 0.8vw; line-height: 26px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap{padding-right: 5px;}
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(4n){padding-right: 0;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 27px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 0.9vw; width: 40%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.26vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.66vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 1.2vw; width: 42%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 0.8vw; line-height: 26px;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl{width: 14.28%;}
}

@media screen and (max-width: 1630px) {
	#footer>.left, #footer>.right{width: 30%;}
	#footer>.center{width: 40%; font-size: 12px;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div>dl{width: 20%;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl{width: 20%;}
	
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.65vw;}
	
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 27px;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl{width: 20%;}
}

@media screen and (max-width: 1499px) {
	/* DASHBOARD */
	.dashboard_layout .bottom .error_box>div>div>.alarm_header>dl>dt{font-size: 13px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dt{font-size: 12px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dd{font-size: 12px;}
	
	/* HOME */
	.main_layout>li.middle>.dl_wrap{width: 25%;}
	.main_layout>li.middle>.dl_wrap:nth-child(5n),
	.main_layout>li.middle>.dl_wrap:nth-child(6n){padding-right: 5px;}
	.main_layout>li.middle>.dl_wrap:nth-child(4n){padding-right: 0;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 65%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 1.1vw; width: 38%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.31vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.76vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 1.4vw; width: 44%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 0.9vw; line-height: 30px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge{padding: 23px 0;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 22px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 17px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 1.1vw; width: 38%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.31vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.76vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 1.4vw; width: 44%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 0.9vw; line-height: 30px;}
}

@media screen and (max-width: 1299px) {
	#footer>.left, #footer>.right{width: 25%;}
	#footer>.right{float: right;}
	#footer>.left>span, #footer>.right>span{font-size: 13px;}
	#footer>.center{width: 45%;}
	
	/* DASHBOARD */
	.dashboard_layout>li.bottom>ul>li,
	.dashboard_layout>li.bottom>ul>li:nth-child(3),
	.dashboard_layout>li.bottom>ul>li:last-child{width: 100%; padding-right: 0;}
	.dashboard_layout .bottom .room_box>div>div{height: 370px;}
	.dashboard_layout .bottom .room_box>div>#room_chart{width: 85%;}
	.dashboard_layout .bottom .room_box>div>#room_data{width: 15%;}
	.dashboard_layout .bottom .error_box>div>div{height: auto;}
	.dashboard_layout .bottom .error_box>div>div>ul>li{width: 25%;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dt{line-height: 25px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dd>span{line-height: 25px;}
	.dashboard_layout .bottom .error_box>div>div>.alarm_body dl>dd>em{line-height: 25px;}
	
	/* HOME */
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 20px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 14px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.3vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.74vw;}
	
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt{padding: 6px 10px 2px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 55%; font-size: 18px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong>i{font-size: 15px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>span{padding: 2px 8px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>span>span{font-size: 15px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 20px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 14px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.3vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 0.74vw;}
	
	/* COMPARE */
	.compare_layout>li.bottom>ul>li{width: 100%; padding-right: 0;}
	.compare_layout>li.bottom>ul>li:last-child{padding-top: 5px;}
}

@media screen and (max-width: 1199px) {
	#header{height: auto;}
	#header>.logo{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#header .alarm_box{display: block; width: 95%;}
	
	#footer{height: 52px;}
	#footer>.left, #footer>.right{width: 50%;}
	#footer>.center{position: absolute; bottom: 0; width: 100%; display: block;}
	#footer>.center>em{display: none;}
	
	/* HOME */
	.main_layout>li.middle>.dl_wrap{width: 33.333%;}
	.main_layout>li.middle>.dl_wrap:nth-child(4n),
	.main_layout>li.middle>.dl_wrap:nth-child(5n),
	.main_layout>li.middle>.dl_wrap:nth-child(6n){padding-right: 5px;}
	.main_layout>li.middle>.dl_wrap:nth-child(3n){padding-right: 0;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 22px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 1.3vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.38vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.15vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 1.8vw; line-height: 23px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 1.2vw; line-height: 28px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap{width: 33.333%;}
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(4n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(5n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(6n){padding-right: 5px;}
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(3n){padding-right: 0;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 22px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 1.3vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.38vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.15vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 1.8vw; line-height: 23px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 1.2vw; line-height: 28px;}
}

@media screen and (max-width: 950px) {
	#header>.logo{width: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 22px;}
	#header .logo img{height: 35px;}
	
	/* DASHBOARD */
	.dashboard_layout .bottom .module_box .legend>ul>li{font-size: 13px;}
	
	/* HOME */
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 20px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 13px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.1vw;}
	
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 20px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 13px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.1vw;}
}

@media screen and (max-width: 900px) {
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div dl{width: 50%;}
	.dashboard_layout .top .data_box>div dl>dt{display: inline-block; width: 40%; box-sizing: border-box; float: left; font-size: 16px;}
	.dashboard_layout .top .data_box>div dl>dd{display: inline-block; width: 60%; box-sizing: border-box;}
	.dashboard_layout .top .data_box>div dl>dd>span{width: 80%;}
	.dashboard_layout .top .data_box>div dl>dd>em{width: 20%; display: inline-block; text-align: left; box-sizing: border-box;}
	
	.dashboard_layout .bottom .module_box .legend{position: relative; overflow: hidden; top: 0; left: 0; margin: 5px;
		background: -moz-linear-gradient(270deg, rgba(158,158,158,1) 0%, rgba(231,218,117,1) 10%, rgba(255,128,0,1) 100%);
		background: -webkit-linear-gradient(270deg, rgba(158,158,158,1) 0%, rgba(231,218,117,1) 10%, rgba(255,128,0,1) 100%);
		background: linear-gradient(270deg, rgba(158,158,158,1) 0%, rgba(231,218,117,1) 10%, rgba(255,128,0,1) 100%);
	}
	.dashboard_layout .bottom .module_box .legend>ul{width: 100%; overflow: hidden;}
	.dashboard_layout .bottom .module_box .legend>ul>li{width: 9.09%; height: 23px; overflow: hidden; float: left; display: inline-block; box-sizing: border-box;}
	
	.dashboard_layout .bottom .room_box>div>#room_chart{width: 80%;}
	.dashboard_layout .bottom .room_box>div>#room_data{width: 20%;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl{width: 50%;}
	.main_layout>li.top>.data_box>.data_list>dl>dt{display: inline-block; width: 40%; box-sizing: border-box; float: left;}
	.main_layout>li.top>.data_box>.data_list>dl>dd{display: inline-block; width: 60%; box-sizing: border-box;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>span{width: 80%;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>em{width: 20%; display: inline-block; text-align: left; box-sizing: border-box;}
	
	.main_layout>li.middle>.dl_wrap{width: 50%;}
	.main_layout>li.middle>.dl_wrap:nth-child(3n),
	.main_layout>li.middle>.dl_wrap:nth-child(4n),
	.main_layout>li.middle>.dl_wrap:nth-child(5n),
	.main_layout>li.middle>.dl_wrap:nth-child(6n){padding-right: 5px;}
	.main_layout>li.middle>.dl_wrap:nth-child(2n){padding-right: 0;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 65%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 25px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 16px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 1.8vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.5vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.55vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 2.5vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 1.5vw; line-height: 28px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap{width: 50%;}
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(3n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(4n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(5n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(6n){padding-right: 5px;}
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(2n){padding-right: 0;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 65%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 25px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 16px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 1.8vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.5vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.55vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 2.5vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 1.5vw; line-height: 28px;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl{width: 50%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dt{display: inline-block; width: 40%; box-sizing: border-box; float: left;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd{display: inline-block; width: 60%; box-sizing: border-box;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>span{width: 80%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>em{width: 20%; display: inline-block; text-align: left; box-sizing: border-box;}
}

@media screen and (min-width: 801px) {
	#header .right_text>ul{display: inline-block !important;}
}

@media screen and (max-width: 800px) {
	#header{height: 127px;}
	#header .right_text{width: 100%; float: none;}
	#header .right_text .menu_open{display: inline-block; z-index: 1;}
	#header .right_text>ul{position: absolute; top: 127px; height: auto; width: 100%; z-index: 101; display: none; border-top: 1px solid #86bad8;}
	#header .right_text>ul>li{float: none; background: #004553; margin: 0; border-bottom: 1px solid #86bad8; padding: 0;}
	#header .right_text>ul>li>a{display: block; padding: 10px 20px; text-align: left;}
	#header .right_text>ul>li>a:hover,
	#header .right_text>ul>li>a.on{color: #7be4ff; border-bottom: none;}
	
	/* DASHBOARD */
	.dashboard_layout .top .weather_box, .dashboard_layout .top .error_box{width: 100%; padding-right: 0;}
	.dashboard_layout .top .error_box{padding-top: 5px; margin-top: 0;}
	
	.dashboard_layout .top .weather_box>div>dl:first-child>dd>.icon>img{left: 0;}
	.dashboard_layout .top .weather_box>div>dl>dd>span{width: 100px;}
	.dashboard_layout .top .weather_box>div>dl>dd>div>img{padding: 0 15px;}
	
	.dashboard_layout>li.bottom>ul>li{width: 100%;}
	.dashboard_layout>li.bottom>ul>li:first-child,
	.dashboard_layout>li.bottom>ul>li:nth-child(3){padding-right: 0;}
}

@media screen and (max-width: 700px) {
	#header>.logo{width: 67%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div dl>dt{width: 50%;}
	.dashboard_layout .top .data_box>div dl>dd{width: 50%;}
	.dashboard_layout .top .data_box>div dl>dd>span{width: 70%; font-size: 22px;}
	.dashboard_layout .top .data_box>div dl>dd>em{width: 30%;}
	.dashboard_layout .bottom .module_box .legend>ul>li{padding: 3px 0; text-align: center;}
	.dashboard_layout .bottom .room_box>div>#room_chart{width: 75%;}
	.dashboard_layout .bottom .room_box>div>#room_data{width: 25%;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl>dt{width: 50%;}
	.main_layout>li.top>.data_box>.data_list>dl>dd{width: 50%;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>span{width: 70%; font-size: 22px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>em{width: 30%;}
	
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 18px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 13px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 2.1vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.5vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.51vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 2.7vw; line-height: 19px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 1.7vw; line-height: 22px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 60%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 18px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 13px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 2.1vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.5vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 1.51vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 2.7vw; line-height: 19px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 1.7vw; line-height: 22px;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl>dt{width: 50%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd{width: 50%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>span{width: 70%; font-size: 22px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>em{width: 30%;}
	
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl{width: 50%; border-bottom: none;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dt{width: 50%; display: inline-block; box-sizing: border-box; float: left;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd{width: 50%; display: inline-block; box-sizing: border-box; float: left;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>span{width: 70%; font-size: 22px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>em{width: 30%;}
	.compare_layout>li.bottom>ul>li>dl>dd>.table_box>dl>dd>.table_style>table{min-width: 600px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.table_box>dl>dd>.table_style{overflow-x: auto;}
}

@media screen and (max-width: 600px) {
	#header>.logo{width: 61%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#header .right_text>.logout{padding: 1px 6px 0 6px;}
	
	#footer{height: 125px;}
	#footer>.left, #footer>.right{width: 100%; float: none; text-align: center;}
	#footer>.center>span{display: block;}
	#footer>.center>em{display: block;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div>dl{padding: 3px;}
	.dashboard_layout .top .data_box>div dl>dt{font-size: 14px;}
	.dashboard_layout .top .data_box>div dl>dd>span{font-size: 18px;}
	.dashboard_layout .top .data_box>div dl>dd>em{font-size: 13px;}
	
	.dashboard_layout .bottom .room_box>div>#room_chart{width: 70%;}
	.dashboard_layout .bottom .room_box>div>#room_data{width: 30%;}
	
	.dashboard_layout .bottom .error_box>div>div>ul>li{width: 50%;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl{padding: 3px;}
	.main_layout>li.top>.data_box>.data_list>dl>dt{font-size: 14px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>span{font-size: 18px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>em{font-size: 13px;}
	
	.main_layout>li.middle>.dl_wrap{width: 100%;}
	.main_layout>li.middle>.dl_wrap:nth-child(2n),
	.main_layout>li.middle>.dl_wrap:nth-child(3n),
	.main_layout>li.middle>.dl_wrap:nth-child(4n),
	.main_layout>li.middle>.dl_wrap:nth-child(5n),
	.main_layout>li.middle>.dl_wrap:nth-child(6n){padding-right: 0;}
	.main_layout>li.middle>.dl_wrap{padding-right: 0;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 75%; font-size: 15px;}
	.main_layout>li.middle>.dl_wrap>dl>dt>strong>i{font-size: 13px;}
	.main_layout>li.middle>.dl_wrap>dl>dt>span>span{font-size: 12px;}
	.main_layout>li.middle>.dl_wrap>dl>dt>span>em{font-size: 10px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 20px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 14px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 3.2vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.95vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 2.85vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 3.7vw; line-height: 23px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 2.8vw; line-height: 27px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap{width: 100%;}
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(2n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(3n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(4n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(5n),
	.main_layout.b4x5>li.middle>.dl_wrap:nth-child(6n){padding-right: 0;}
	.main_layout.b4x5>li.middle>.dl_wrap{padding-right: 0;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 75%; font-size: 15px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong>i{font-size: 13px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>span>span{font-size: 12px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>span>em{font-size: 10px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>span{font-size: 20px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.gauge_wrap>.bar_gauge>em{font-size: 14px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 3.2vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 0.95vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 2.85vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 3.7vw; line-height: 23px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 2.8vw; line-height: 27px;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl{padding: 3px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dt{font-size: 14px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>span{font-size: 18px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>em{font-size: 13px;}
	
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl{padding: 3px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dt{font-size: 14px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>span{font-size: 18px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>em{font-size: 13px;}
	
	.compare_layout>li.bottom>ul>li>dl>dd>.gauge_box>dl{width: 100%; padding-bottom: 5px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.gauge_box>dl:last-child{padding-bottom: 0;}
}

@media screen and (max-width: 500px) {
	#header{height: 154px;}
	#header>.logo{width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
	#header .right_text>ul{top: 154px;}
	#header .right_text>.logout{padding: 1px 5px 0 5px;}
	
	#header .alarm_box{margin-top: 5px; width: 90%;}
	#header .alarm_box>.alarm_wrap>dl{font-size: 13px; line-height: 25px;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div dl>dt{font-size: 10px; width: 45%;}
	.dashboard_layout .top .data_box>div dl>dt>img{width: 20px;}
	.dashboard_layout .top .data_box>div dl>dd{width: 55%;}
	.dashboard_layout .top .data_box>div dl>dd>span{font-size: 15px;}
	.dashboard_layout .top .data_box>div dl>dd>em{font-size: 10px; padding-left: 3px; width: 25%;}
	
	.dashboard_layout .bottom .room_box>div>#room_chart{width: 65%;}
	.dashboard_layout .bottom .room_box>div>#room_data{width: 35%;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl>dt{font-size: 10px; width: 45%;}
	.main_layout>li.top>.data_box>.data_list>dl>dt>img{width: 20px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd{width: 55%;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>span{font-size: 15px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>em{font-size: 10px; padding-left: 3px; width: 25%;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl>dt{font-size: 10px; width: 45%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dt>img{width: 20px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd{width: 55%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>span{font-size: 15px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>em{font-size: 10px; padding-left: 3px; width: 25%;}
	
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dt{font-size: 10px; width: 45%;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dt>img{width: 20px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd{width: 55%;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>span{font-size: 15px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>em{font-size: 10px; padding-left: 3px; width: 25%;}
}

@media screen and (max-width: 425px) {
	#header>.logo{padding-left: 5px; font-size: 17px;}
	#header .search_site{margin-left: 5px;}
	#header .alarm_box{margin-left: 5px; width: 95%;}
	#footer>.center{font-size: 10px;}
	
	/* DASHBOARD */
	.dashboard_layout .top .data_box>div dl>dt{font-size: 10px; letter-spacing: -0.3px; width: 50%;}
	.dashboard_layout .top .data_box>div dl>dt>img{width: 15px;}
	.dashboard_layout .top .data_box>div dl>dd{width: 50%;}
	.dashboard_layout .top .data_box>div dl>dd>span{font-size: 11px;}
	.dashboard_layout .top .data_box>div dl>dd>em{font-size: 10px; padding-left: 0; width: 32%; letter-spacing: -0.1px;}
	
	.dashboard_layout .bottom .module_box>div>h5{height: 60px;}
	
	/* HOME */
	.main_layout>li.top>.data_box>.data_list>dl>dt{font-size: 10px; letter-spacing: -0.3px; width: 50%;}
	.main_layout>li.top>.data_box>.data_list>dl>dt>img{width: 15px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd{width: 50%;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>span{font-size: 11px;}
	.main_layout>li.top>.data_box>.data_list>dl>dd>em{font-size: 10px; padding-left: 0; width: 32%; letter-spacing: -0.1px;}
	
	.main_layout>li.middle>.dl_wrap>dl>dt>strong{width: 65%;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 4.2vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 1.25vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 3.15vw;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 5vw; line-height: 23px;}
	.main_layout>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 3.5vw; line-height: 27px;}
	
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dt>strong{width: 65%;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>h5{font-size: 4.2vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(3)>h5{letter-spacing: 1.25vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li:nth-child(4)>h5{letter-spacing: 3.15vw;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>span{font-size: 5vw; line-height: 23px;}
	.main_layout.b4x5>li.middle>.dl_wrap>dl>dd>.power_info>ul>li>em{font-size: 3.5vw; line-height: 27px;}
	
	/* COMPARE */
	.compare_layout>li.top>.data_box>.data_list>dl>dt{font-size: 10px; letter-spacing: -0.3px; width: 50%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dt>img{width: 15px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd{width: 50%;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>span{font-size: 11px;}
	.compare_layout>li.top>.data_box>.data_list>dl>dd>em{font-size: 10px; padding-left: 0; width: 32%; letter-spacing: -0.1px;}
	
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dt{font-size: 10px; letter-spacing: -0.3px; width: 50%;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dt>img{width: 15px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd{width: 50%;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>span{font-size: 11px;}
	.compare_layout>li.bottom>ul>li>dl>dd>.data_box>.data_list>dl>dd>em{font-size: 10px; padding-left: 0; width: 32%; letter-spacing: -0.1px;}
}

/* ===== 서브 공통 ===== */
@media screen and (max-width: 900px) {
	div.table_style .ui-jqgrid .ui-jqgrid-htable th{font-size:13px !important;}
	div.table_style .ui-jqgrid tr.jqgrow td{font-size:12px !important;}
	div.table_style .ui-jqgrid tr.jqgroup td{font-size:12px !important;}
	div.table_style .ui-jqgrid .ui-jqgrid-htable th, 
	div.table_style .ui-jqgrid tr.jqgfirstrow td, 
	div.table_style .ui-jqgrid tr.footrow td, 
	div.table_style .ui-jqgrid tr.footrow-ltr td:first-child{padding-left:1px !important; padding-right:1px !important;}
	div.table_style table.ui-pg-table tr td,
	div.table_style table.ui-pg-table tr td .ui-pg-input,
	.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
	.ui-jqgrid .ui-paging-info{font-size: 12px !important;}
}
@media screen and (max-width: 820px) {
	div.table_style .ui-jqgrid .ui-jqgrid-pager{height: auto !important;}
	div.table_style .ui-jqgrid .ui-pager-control{height: 56px !important;}
	div.table_style table.ui-pg-table tr td{vertical-align: top;}
	div.table_style table.ui-pg-table tr td table.ui-pg-table tr td{vertical-align: middle;}
	div.table_style table.ui-pg-table tr td[id*="Pg_left"],
	div.table_style table.ui-pg-table tr td[id*="Pg_right"]{position:absolute; display:block; bottom:0; z-index:90; border:none; line-height:25px !important;}
	div.table_style table.ui-pg-table tr td[id*="Pg_left"]{left:0; bottom:3px;}
	div.table_style table.ui-pg-table tr td[id*="Pg_right"]{right:0;}
	div.table_style .ui-jqgrid .ui-jqgrid-pager .ui-pg-div{letter-spacing:-1px;}
	div.table_style .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{margin:0;}
}
@media screen and (max-width: 699px) {
	.daterangepicker{left: auto !important;}
	.daterangepicker.dropdown-menu{width: 233px;}
	.daterangepicker.dropdown-menu .ranges, .daterangepicker.dropdown-menu .calendar{float:none;}
	.daterangepicker.dropdown-menu .ranges ul {width: 100%;}
	.daterangepicker.dropdown-menu .calendar th, .daterangepicker.dropdown-menu .calendar td{line-height:16px; height:16px;}
	.daterangepicker.dropdown-menu .ranges li{margin-bottom:4px;}
}

@media screen and (max-width: 599px) {
	div.table_style table.ui-pg-table tr td {padding: 0 2px 0 !important;}
	div.table_style table.ui-pg-table tr td{font-size:11px !important;}
	div.table_style table.ui-pg-table tr td[id*="Pg_center"]{width: 191px !important;}
}
@media screen and (max-width: 480px) {
	div.table_style .ui-jqgrid .ui-jqgrid-pager{height: auto !important;}
	div.table_style .ui-jqgrid .ui-pager-control{height: 56px !important;}
	div.table_style table.ui-pg-table tr td{vertical-align: top;}
	div.table_style table.ui-pg-table tr td table.ui-pg-table tr td{vertical-align: middle;}
	div.table_style table.ui-pg-table tr td[id*="Pg_left"],
	div.table_style table.ui-pg-table tr td[id*="Pg_right"]{position:absolute; display:block; bottom:0; z-index:90; border:none; line-height:25px !important;}
	div.table_style table.ui-pg-table tr td[id*="Pg_left"]{left:0; bottom:3px;}
	div.table_style table.ui-pg-table tr td[id*="Pg_right"]{right:0;}
	div.table_style .ui-jqgrid .ui-jqgrid-pager .ui-pg-div{letter-spacing:-1px;}
	div.table_style .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{margin:0;}
}
@media screen and (min-width: 901px) and (max-width: 1799px) {
	div.table_style .ui-jqgrid .ui-jqgrid-htable th{font-size:13px !important;}
	div.table_style .ui-jqgrid tr.jqgrow td{font-size:12px !important;}
	div.table_style .ui-jqgrid tr.jqgroup td{font-size:12px !important;}
	div.table_style .ui-jqgrid .ui-jqgrid-htable th, 
	div.table_style .ui-jqgrid tr.jqgfirstrow td, 
	div.table_style .ui-jqgrid tr.footrow td, 
	div.table_style .ui-jqgrid tr.footrow-ltr td:first-child{padding-left:1px !important; padding-right:1px !important;}
}

/* ===== 보고, 알람, 계정 ===== */
@media screen and (max-width: 1919px) {
	.sub_box .in{height: auto;}
	
	.search_box{margin: 0;}
	.search_box dl dt{width: 30%;}
	.search_box dl dd{width: 70%;}
}
@media screen and (max-width: 1799px) {
	.search_box dl:nth-last-child(4), .search_box dl:nth-last-child(4)~dl{width: 49.5%;}
	.search_box dl:nth-last-child(5), .search_box dl:nth-last-child(5)~dl{width: 33.1%;}
}
@media screen and (max-width: 1099px) {
	.search_box dl:nth-last-child(3), .search_box dl:nth-last-child(3)~dl{width: 49.5%;}
	.search_box dl:nth-last-child(5), .search_box dl:nth-last-child(5)~dl{width: 49.5%;}
}
@media screen and (max-width: 800px) {
	.search_box dl:nth-last-child(3), .search_box dl:nth-last-child(3)~dl,
	.search_box dl:nth-last-child(4), .search_box dl:nth-last-child(4)~dl,
	.search_box dl:nth-last-child(5), .search_box dl:nth-last-child(5)~dl{width: 100%;}
}
@media screen and (max-width: 425px) {
	.search_box dl dd .select2-container{width: 175px !important;}
	.search_box .s_date_area #dtRng{width: 165px;}
	.search_box #dtRng{font-size: 12px;}
	.search_box #dtRng i{font-size: 13px;}
	
	.search_box dl dd input{width: 175px;}
	.tab_list_view li a{font-size: 12px;}
}

/* ===== 설정 ===== */
@media screen and (max-width: 1650px){
	.sub_layout_l50_r50>li.left .in_cont{height: 150px;}
	.sub_layout_l50_r50>li.right .circle{top: 135px;}
	.etc_cont .select2_wrap .select2.select2-container{width: 270px !important;}
}
@media screen and (max-width: 1299px){
	.sub_layout_l50_r50>li{width: 100%; float: none;}
	.sub_layout_l50_r50>li.left, .sub_layout_l50_r50>li.right{padding: 0 40px;}
	.sub_layout_l50_r50>li .in_cont{border: 2px solid #2b9690 !important; border-radius: 20px; padding: 28px 20px !important;}
	.sub_layout_l50_r50>li.left .in_cont{height: auto; margin-top: 10px;}
	.sub_layout_l50_r50>li.right .in_cont{margin-bottom: 40px;}
	.sub_layout_l50_r50>li.right .circle{top: 60px;}
	.sub_layout_l50_r50.mt10{margin-top: 0 !important;}
	
	.sub_layout_l50_r50 li.right .select2_wrap .select2.select2-container{width: 17.5vw !important;}
	.sub_layout_l50_r50 .btn_save{margin-top: 10px;}
}
@media screen and (max-width: 700px){
	.sub_layout_l50_r50 li.right .select2_wrap .select2.select2-container{width: 60vw !important;}
}
@media screen and (max-width: 600px) {
	.sub_layout_l50_r50>li.left, .sub_layout_l50_r50>li.right{padding: 0;}
	.sub_layout_l50_r50>li .circle{left: -4px; top: -4px; width: 40px; height: 40px; line-height: 40px; font-size:24px;}
	.sub_layout_l50_r50>li .circle>i{padding-top: 10px;}
	.sub_layout_l50_r50>li.right .circle{left: 7px; top: 0;}
	.sub_layout_l50_r50-child(2)>li.left .select2_wrap .select2.select2-container{width: 55vw !important;}
	.etc_cont input{width: 56vw}
}