@charset "UTF-8";

@media (min-width:360px) and (max-width:1079px){
.ly_group.on{z-index:4000;position:fixed;top:0;bottom:0;left:0;right:0;padding:0 25px;background:rgba(0,0,0,0.7);}
.ly_group.full{display:none;}
.ly_group.full.on{display:block;padding:0;}
.layer_ss.on,.layer_s.on,.layer_l.on{position:relative;top:0 !important;left:0 !important;margin:0 !important;width:100%;background:#fff;}
.ly_group.full.on > .layer_ss > h1,.ly_group.full.on > .layer_s > h1,.ly_group.full.on > .layer_l > h1{width:100%;padding:0 15px;height:45px;line-height:45px;font-size:18px;border-bottom:1px solid #dadada;}
.ly_group.full.on > .layer_s > h3,.ly_group.full.on > .layer_l > h3{display:none;}

.ly_group.full.on > .layer_l.on > .ly_con{overflow-y:auto;height:100vh;padding:21px 15px 35px;-webkit-overflow-scrolling:touch;}
.ly_group.full.on > .layer_s.on > .ly_con{overflow-y:auto;height:100vh;padding:21px 30px 35px;-webkit-overflow-scrolling:touch;}
.ly_group.full.on > .layer_ss.on > .ly_con{overflow-y:auto;height:100vh;padding:21px 30px 35px;-webkit-overflow-scrolling:touch;}
.ly_group.full.on > .layer_s.on > .ly_con > .password{margin-bottom:33px;padding:22px 33px;font-size:13px;background-color:#d0dceb;}
.ly_group.full.on > .layer_s.on > .ly_con > .password > .form_group.w100{width:100%;max-width:100%;margin-bottom:12px;}
.ly_group.full.on > .layer_s.on > .ly_con > .password > .form_group.w100:last-child{margin-bottom:0;}
.ly_group.full.on > .layer_l.on > .ly_con.new{padding:21px 0px 35px;}
.ly_group.full.on > .layer_s.on > .ly_con.mt48{margin-top:12px;}
.ly_group.full.on > .layer_ss.on > .ly_con > h2{margin-bottom:20px; font-size: 14px; line-height: 1.3; font-weight: normal  }
.ly_group.full.on > .layer_l.on > .ly_con > p{font-size:17px;}
.ly_group.full.on > .layer_l.on > .ly_con.new > p{padding-left:15px;padding-right:15px;}
.ly_group.full.on > .layer_l.on > .ly_con > p > .none{display:none;}
.ly_group.full.on > .layer_l.on > .ly_con > p > span{display:block;padding-top:7px;margin-bottom:29px;font-weight:bold;font-size:17px;color:#1187cf}

.pop_btn_wrap{position:relative;margin-top:24px;margin-bottom:57px;text-align:center;}
.ly_group.full [data-fn="lyClose"]{display:none;}
.ly_group.full.on [data-fn="lyClose"]{overflow:hidden;display:block;position:absolute;right:12px;top:12px;width:24px;height:24px;padding:24px 0 0;/* background-color:#f5f5f5;*/
 z-index:2;}
.ly_group.full.on [data-fn="lyClose"]:before,[data-fn="lyClose"]:after{content:'';display:block;position:absolute;left:50%;top:50%;width:18px;height:1px;margin:-1px 0 0 -7px;background:#131313;}
.ly_group.full.on [data-fn="lyClose"]:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.ly_group.full.on [data-fn="lyClose"]:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.ly_group.full.on .pop_btn_wrap{position:relative;display:flex;margin-top:0px;margin-bottom:36px;text-align:center;}
.ly_group.full.on .pop_btn_wrap button{width:100%;padding:6px 10px;height:37px;margin-right:5px;border:1px solid #dadada;border-radius:4px;text-align:center;}
.ly_group.full.on .pop_btn_wrap .pbtn_bg{color:#fff;background-color:#1f2f52;}
.ly_group.full.on .pop_btn_wrap .btn_line{color:#131313;background-color:#fff;}

/* tbl_type1_pop start */
.tbl_type1_pop,.tbl_type1_pop thead,.tbl_type1_pop th,.tbl_type1_pop tbody,.tbl_type1_pop tr,.tbl_type1_pop td{display:block;}
.tbl_type1_pop thead th{display:block;position:absolute;top:-9999px;left:-9999px;}
.tbl_type1_pop tbody tr{display:block;box-sizing:border-box;margin-bottom:13px;padding:0;border-bottom:28px solid #fff;clear:both;}
.tbl_type1_pop tbody tr th{font-weight:bold;font-size:17px;margin-bottom:15px;}
.tbl_type1_pop tbody tr td{position:relative;height:44px;padding:3px 40px 4px 33%;border:none;border-bottom:1px solid #fff;line-height:37px;font-size:15px;color:#606060;text-align:left;background-color:#f6f7f8;word-break:break-all;}
.tbl_type1_pop tbody tr td:before{position:absolute;top:0;left:0;width:30%;height:100%;padding-top:7px;padding-left:17px;border-bottom:1px solid #d0dceb;line-height:28px;white-space:nowrap;font-size:15px;text-align:left;background-color:#d0dceb;}
.tbl_type1_pop tbody tr td .form_control{padding:8px 12px;min-width:72px;height:37px;font-size:15px}
.tbl_type1_pop tbody tr td .form_control.last_input{width:50%;}
.tbl_type1_pop .pop_tbl .bg_grey{background-color:#f6f7f8 !important}

.tbl_type1_pop.addT1.new tbody tr td{padding:3px 0px 4px 39%;font-size:13px;color:#606060;text-align:left;background-color:#f6f7f8;word-break:break-all;}
.tbl_type1_pop tbody tr td .checkbox_tbl{position:absolute;top:3px;left:5px}
.tbl_type1_pop.addT1.new tbody tr td .form_control{padding:8px 12px;width:45px;min-width:60px;height:37px;margin-right:7px;}

#controllerTbody tr:last-child{
    margin-bottom:0px;
    border-bottom: 10px solid #fff;
}
.timerInfo {
    font-size: 12px !important; padding-top:0px; padding-bottom:20px;
}
/* tbl_type1_pop end */

/* tbl_type1_pop addT start */
.tbl_type1_pop.addT1 tbody tr td:before{width:37%;padding-left:25px}

.checkbox_tbl{position:relative;}
.checkbox_tbl > button{position:absolute;top:12px;right:17px;width:14px;height:16px;font-size:16px;}
.checkbox_tbl > button .icon--del{color:#4b587f}
.ly_group.full.on > .layer_l.on > .ly_con.new > .pop_tbl_wrap.new{border-bottom:8px solid #ebebebff}
.ly_group.full.on > .layer_l.on > .ly_con.new > .pop_tbl_wrap > .tbl_type1_pop.addT1,.ly_group.full.on > .layer_l.on > .ly_con.new > .pop_tbl_wrap > .tbl_type1_pop.addT2,.ly_group.full.on > .layer_l.on > .ly_con.new > .pop_sTop,.ly_group.full.on > .layer_l.on > .ly_con.new > .pop_btn_wrap{padding-right:15px;padding-left:15px}
.tbl_type1_pop.addT1 tbody tr th,.tbl_type1_pop.addT2 tbody tr th{max-height:43px;font-weight:bold;font-size:17px;margin-bottom:0px;padding-left:17px;line-height:43px;background-color:#d0dceb;border-bottom:1px solid #fff;}
.tbl_type1_pop.addT1 tbody tr{display:block;box-sizing:border-box;padding-bottom:21px;margin-bottom:0px;border-bottom:0px;clear:both;}
.tbl_type1_pop.addT1 tbody tr td .form_control,.tbl_type1_pop.addT2 tbody tr td .form_control{padding:8px 12px;width:45px; height:37px;margin-right:7px;}
.tbl_type1_pop.addT1 tbody tr td .form_control:nth-of-type(2),.tbl_type1_pop.addT2 tbody tr td .form_control:nth-of-type(2){margin-left:7px;}
.tbl_type1_pop.addT2 tbody tr td select.form_control{width:100%;height:37px;margin-right:7px;}
.ly_group.full.on > .layer_l.on > .ly_con.new > .pop_sTop{overflow:hidden;height:17px;margin-top:27px;margin-bottom:12px;}
.ly_con.new .allfr {overflow:hidden;float:right; margin-right:15px;height:18px;margin-bottom:10px;}


.ly_con.new > .pop_sTop > .fl{font-size:17px;font-weight:bold;}
.ly_con.new > .pop_sTop > .fr{font-size:13px;}
.ly_con.new > .pop_sTop > .fr > .checkbox{display:inline-block;width:83px;}
.ly_con.new > .pop_sTop > .fr{font-size:0;}
.ly_con.new > .pop_sTop > .fr > .mbtn_line{border:none;height:16px;width:44px;padding:0 5px;border-left:1px solid #dadada;text-align:center;border-radius:0;font-size:13px;line-height:16px;}
/* tbl_type1_pop addT end */
}

@media (min-width:1080px){
.ly_group,[class*="layer_"]{display:none;}
[class*="layer_"]{z-index:1000;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:24px 57px;border:1px solid #656565;background-color:#fafbfd;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.25);box-shadow:0 0 25px 0 rgba(0,0,0,0.25);-webkit-box-sizing:border-box;box-sizing:border-box;}

.layer_ss{padding:24px 45px 24px 45px;}
.layer_s{padding:24px 85px 24px 85px;}
.ly_group.on,[class*="layer_"].on{display:block;}
.ly_group.on,.ly_group.call{position: fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);z-index:4000;}
[class*="layer_"] > h1{margin-bottom:15px;text-align:center;font-size:28px;color:#131313;letter-spacing:-1px;}
[class*="layer_"] > h3{margin-bottom:24px;text-align:center;font-size:13px;font-weight:normal;color:#666666;letter-spacing:-1px;}
.ly_con>[class*="panel"]{position:relative;}
.ly_con > p{font-size:15px;font-weight:bold;line-height:24px;margin-bottom:10px;}
.ly_con > p > .blue,.blue{color:#1187cf;}
.ly_con .password{padding:22px 33px;font-size:13px;background-color:#d0dceb;}
.ly_con .pop_sTop{overflow:hidden;height:27px;margin-top:30px;margin-bottom:10px;}
.ly_con .pop_sTop .fl{padding-top:7px;font-size:15px;font-weight:bold;}
.ly_con .pop_sTop .fr .checkbox{display:none;}

.ly_con .allfr {overflow:hidden;float:right; height:18px;margin-bottom:10px;}


/* 닫기버튼 */
.pop_btn_wrap{position:relative;margin-top:24px;margin-bottom:57px;text-align:center;}
[data-fn="lyClose"],[data-fn="lyClose1"]{overflow:hidden;display:block;position:absolute;right:12px;top:12px;width:24px;height:24px;padding:24px 0 0;z-index:2;}
[data-fn="lyClose"]:before,[data-fn="lyClose"]:after,[data-fn="lyClose1"]:before,[data-fn="lyClose1"]:after{content:'';display:block;position:absolute;left:50%;top:50%;width:18px;height:1px;margin:-1px 0 0 -7px;background:#131313;}
[data-fn="lyClose"]:before,[data-fn="lyClose1"]:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
[data-fn="lyClose"]:after,[data-fn="lyClose1"]:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}



/* .ly_con.dflex {
    justify-content: center;
} */

.ly_con.dflex > .pop_left,.ly_con.dflex > .pop_right{width:100%;}
.ly_con.dflex > .pop_left p,.ly_con.dflex > .pop_right p{font-size:15px;font-weight:bold;line-height:24px;margin-bottom:10px;}

.ly_con.dflex > .pop_center{display:flex;flex-direction:column;justify-content:center;min-width:48px;margin:80px 16px 0px;}

.ly_con.dflex > .pop_center .btn{width:100%;height:48px;background:url("../images/btn_right.png") no-repeat center;background-size:12px 21px;padding:14px 18px;border:1px solid #d0dceb}
.ly_con.dflex > .pop_center .btn:nth-of-type(2){transform:rotate(180deg);margin-top:10px;}

/* pop_size */
.layer_ss{width:400px;}
.layer_s{width:470px;}
.layer_l{width:942px;}
.layer_aqi{width:942px;height: 800px;overflow-y: scroll;}

/* tbl_type1_pop start */
.pop_tbl_wrap{width:100%;overflow-x:auto;}
.tbl_type1_pop{position:relative;font-size:13px;text-align:center;white-space:nowrap}
.tbl_type1_pop caption{display:none;}
.tbl_type1_pop thead th{padding:15px 10px;border-bottom:1px solid #fff;font-weight:bold;text-align:center;background-color:#d0dceb;color:#404040;}
.tbl_type1_pop tbody tr{color:#666;background-color:#fafbfb;border-bottom:1px solid #fff;}
.tbl_type1_pop tbody tr th{padding:15px 12px;color:#666;background-color:#d0dceb;}
.tbl_type1_pop tbody tr:nth-child(2n){background-color:#fcfdfd;}
.tbl_type1_pop tbody tr:nth-child(2n+1){background-color:#fafbfb;}
.tbl_type1_pop tbody tr td{padding:7px 22px;border-bottom:1px solid #fff;text-align:left;color:#606060;word-break:break-all;}
.tbl_type1_pop .pop_tbl.dflex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.tbl_type1_pop .pop_tbl .form_control{width:100%;max-width:60px;padding:8px 12px;margin:0px 8px;}
.tbl_type1_pop .pop_tbl select.form_control{width:100%;min-width:190px;padding:8px 12px;margin:0px 8px;}
.tbl_type1_pop .pop_tbl .bg_grey{background-color:#f6f7f8 !important}
.tbl_type1_pop tbody .end td{border-bottom:none;}
.checkbox_tbl > button{display:none;}
.tbl_type1_pop.addT1.new .checkbox_tbl.d_inblock.dp_none{display:none !important;}

/* 권한설정 body scroll start*/
.tbl_type1_pop.b_scroll{display:block;width:373px;white-space:normal;}
.tbl_type1_pop.b_scroll tbody tr th,.tbl_type1_pop.b_scroll thead th:nth-of-type(1){width:81px;}
.tbl_type1_pop.b_scroll tbody td,.tbl_type1_pop.b_scroll thead th{width:146px;}
.tbl_type1_pop.b_scroll tbody{display:block;height:470px;overflow-y:auto;}
.tbl_type1_pop.b_scroll tbody tr td:last-child{width:calc(146px - 16px);}
/* 권한설정 body scroll end*/

.timerInfo {
    font-size: 12px !important; padding-top:5px
}

/* tbl_type1_pop end */

/* [data-simplesidebar="mask"]{height:100vh} */

}
