@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&family=Poppins&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Poppins:wght@400;500&display=swap');
@import url("https://use.typekit.net/ydy4ahz.css");

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:14px/1.5 'Roboto', 'Noto Sans KR', sans-serif;color:#000;-webkit-text-size-adjust:none;}
b, span, strong, input, a, button, pre {font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite {display:inline}
html, body {height:100%;}
body {margin:0px;overflow-y:auto;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
img {border:0;}
label, input, textarea, select {vertical-align:middle}
ol, ul {list-style:none;}
table {border-collapse:collapse;table-layout:fixed;}
fieldset {border:none}
hr {position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button {margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;display:inline-block;overflow:visible}
figure {margin:0;padding:0}
select {-webkit-appearance:none;/*select 내부 스타일 제거 (화살표 제거)*/
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;}
#dim  {position:fixed;top:0;left:0;width:100%;height:100%;/* background:#000; */visibility:hidden;opacity:0;}
#dim.on {visibility:visible;opacity:0.6;z-index:1200;}
.skip, hr, legend {position: absolute;left: -1000%;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
caption>p {display: block;width: 1px;height: 1px;overflow: hidden;position: absolute;top: -1000em;left: 0;}


.admin_login {display:table;width:100%;height:100vh;background:#fff;padding:0 30px;box-sizing:border-box;}
.admin_login #container {display:table-cell;max-width:100%;height:100%;overflow-x:auto;margin:0 auto;vertical-align:middle;}
.admin_login #container:before {display:none;}
.admin_login header {overflow: hidden;height: auto;padding: 30px 0 30px;text-align: center;}
.admin_login header h1 {position:relative;left:auto;top:auto;width:auto;height:auto;line-height:normal;}
.admin_login header .logo {display:inline-block;margin-bottom:15px;}
.admin_login header .logo img {width:282px;height:auto;}
.admin_login header .tit {display:block;margin-top:5px;color:#fff;font-family:'Roboto';font-size:40px;font-weight:500;line-height:41px;}
.admin_login #contents {height:auto;background:none !important;}

.admin_login .loginBox {
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    box-sizing: border-box;
    left: 50%;
    margin: 0 auto;
    max-width: 700px;
    overflow: hidden;
    padding: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}
.admin_login .loginBox h1 {display:block;margin-bottom:25px;text-align: center;font-size: 0;}
.admin_login .loginBox h1 img {height:70px;}
.admin_login .loginBox fieldset {position:relative;max-width:100%;margin:0 auto;z-index:1;}
.admin_login .loginBox fieldset legend {display:none;}
.admin_login .loginBox fieldset .log>span {display:block;}
.admin_login .loginBox fieldset .log>span+span {margin-top:10px;}
.admin_login .loginBox fieldset input {display:block;width:100%;height:50px;padding:0 20px;padding-bottom:0px;border:none;border-radius:0;border-bottom:0px solid #404040;color:#404040;background:#f8f8f8;font-size:18px;background:#f8f8f8;box-sizing:border-box;border:1px solid #ddd;}
.admin_login .loginBox fieldset input::placeholder {color:#404040}
.admin_login .loginBox fieldset .btn_login {display:block;max-width:100%;width:300px;height:50px;margin:50px auto 0 auto;border-radius:50px;background:#111;line-height:50px;color:#fff;text-align:center;font-weight:500;font-size:16px;letter-spacing:-.5px;}
.admin_login .loginBox input[type=checkbox] {position:absolute;left:4px;top:4px;width:14px;height:14px;z-index:0;}
.admin_login .logAdd {overflow:hidden;width:100%;margin-top:35px;}
.admin_login .inp_c {display:inline-block;position:relative;margin:0 15px 5px 0;font-size:0;}
.admin_login .inp_c>label {display:inline-block;position:relative;overflow:hidden;min-height:22px;padding:0 1px 0 29px;line-height:22px;text-align:left;cursor:pointer;z-index:1;}




/* sub */
body {background:#EDEDED}
#container {overflow: auto;min-width:1400px;height:100%;}
header {position:relative;height: 128px !important;padding: 40px 0 0 230px !important;box-sizing:border-box;border-bottom: 1px solid #e7e7e7;background: #fff;z-index:100;}
header h1 {position:absolute;left: 0px;/* top: 40px; */width: auto !important;height: 87px !important;border-collapse: collapse;table-layout: fixed;display: table;}
header h1 a {display: table-cell;width: 230px;height: 87px;padding: 0px;line-height: 87px;vertical-align: middle;text-align: center;}
header h1 a img {/* display:block; */vertical-align: middle;}
header .top_util {display:block;position:absolute;left:0;top: 0px;width:100%;height: 40px;box-sizing:border-box;padding:0 60px;font-size:0;text-align:right;background: #226356;}
header .top_util .util_r {display:inline-block;padding-left:25px;background:url(../img/common/ico_info.png) no-repeat left 0 top 50%;background-size: 18px auto;vertical-align:top;margin-top: 5px;}
header .top_util .userInfo {position:relative;display:inline-block;font-size:15px;vertical-align:top;color: #fff;}
header .top_util .btn_login,
header .top_util .btn_logout {position:relative;display:inline-block;vertical-align:top;font-size:15px;color: #fff;}
header .top_util .userInfo+.btn_logout {padding-left:15px;}
header .top_util .userInfo+.btn_logout:before {content:'';position:absolute;left:5px;top:6px;display:block;width:1px;height:11px;background:#AEB2B6;}

header #gnb {overflow:hidden;width:100%;height: 87px;/* box-sizing:border-box; */padding: 0px 35px;/* padding-left:35px; */box-sizing:border-box;background: #fff;/* top: 10px; */}
header #gnb>li {margin:0;/*padding:0 25px;*/padding:0 1.5%;}
header #gnb>li>a {display:block;height:85px;color: #222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:700;line-height:85px;transition:0.2s;}
header #gnb>li>a::after {content:'';display:block;width:0;height:2px;margin:0 auto;background: #00ddb3;line-height:0;transition:0.2s;}
header #gnb>li>a.on,
header #gnb>li>a:hover {color: #00ddb3!important;}
header #gnb>li>a.on:after,
header #gnb>li>a:hover::after {width:100% !important;}


.btn_file{
    position:relative;
    overflow:hidden;
    display:inline-block;
    box-sizing:border-box;
    min-width:75px;
    height:25px;
    line-height:24px;
    padding:0 8px;
    background:#3e4551;
    border-radius:3px;
    color:#fff;
    font-size:12px;
    letter-spacing:-1px;
    text-align:center;
    vertical-align:middle;
}


#gnb li a{
    position:relative;letter-spacing:-1px;
}
#gnb li{float:left;}

#contents{
    position:relative;box-sizing:border-box;overflow:hidden;
}

#contents {min-height: calc(100% - 128px);background:#fff url(../img/common/bg_lnb.png) repeat-y left top !important;}
#contents>nav {position:relative;float:left;overflow-y:auto;width:230px;min-height:500px;box-sizing:border-box;padding: 30px 0;/* padding-top:0; */z-index:10;}
#contents>article {position:relative;float:left;width:calc(100% - 230px);min-height:500px;margin:0 0 120px;box-sizing:border-box;padding:20px 30px 60px 60px !important;/* background:#fff; */}
#contents>article::before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:0;background:#fff;box-shadow:0 0px 10px 1px rgba(0,0,0,0.2);}


footer {position:relative;width: calc(100% - 230px);margin-top: -121px;padding: 0 0 0 230px;z-index:0;}
footer>address {position:relative;width:100%;height: 105px;margin:0;box-sizing:border-box;padding:40px 30px 40px 60px;background:#fff;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:25px;text-align:left;font-style:normal;}
footer>address::before {content:'';display:block;position:absolute;left:60px;top:0;width:calc(100% - 60px);height:1px;background:#dde2ea;} /* 현재 ê°œë°œë²„ì „(footerê°€ container밖에 있음*/

.major_link>li>a {display:block;position:relative;padding: 14px 15px 14px 20px;font-size: 16px;/* color:#222; */line-height: 20px;/* letter-spacing:-.3px; */font-weight: 500;}
.major_link>li>a::before {content:'';display:block;position:absolute;left: 0px;top: 0px;width: 6px;height: 100%;opacity:0;background: #00ddb3;transition: 0.2s;}
.major_link>li>a.on::before {opacity:1;}
.major_link>li>a.on {background: #fff;color: #00ddb3;font-weight: 700;}

article {position:relative;float:left;width:calc(100% - 240px);min-height:700px;box-sizing:border-box;padding:20px 30px 60px 60px;}
article:before {content:'';position:absolute;left:-240px;top:0;display:block;width:240px;height:100%;background:#232323;box-sizing:border-box;z-index:-1;}
article>hgroup {height:auto;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #dbdee1;}
article>hgroup h2 {font-size:33px;font-weight:700;letter-spacing:-.5px;}

.contTit {display:block;margin:30px 0 15px 0;font-size:22px;font-weight:500;letter-spacing:-.5px;;}

.connct_y {display:block;width:20px;height:20px;background:#16bf2e;border-radius:5px;overflow: hidden;margin:0 auto;}
.connct_y em {font-size:5px;text-indent: -999px;opacity:0;}
.connct_n {display:block;width:20px;height:20px;background:red;border-radius:5px;overflow: hidden;margin:0 auto;}
.connct_n em {font-size:5px;text-indent: -999px;opacity:0;}


article>hgroup p{
    position:
            absolute;right:30px;top:40px;
    color:#aaa
}
/* article>hgroup>p {padding-left:25px;background:url(/common/img/nav_home.png) no-repeat left top;line-height:18px;} */
article>hgroup>p::before {display:none;}

article>hgroup p a{font-size:12px;color:#666}

.contTit {display:block;margin:30px 0 15px 0;font-size:22px;font-weight:500;letter-spacing:-.5px;;}

.tbArea,.tbArea_relay{position:relative;width: 100%;height: auto;overflow-x: auto;margin-top: 15px;}
/* .stepBox .tbArea>table {min-width:530px;} */
/* .stepBox .tbArea>table .mb_tit {display:none;} */
.tbArea>table {min-width: 700px;}
/* .tbArea > table.listTable {min-width:700px;} */




.writeTable {position:relative;width:100%;background:#fff;}
.writeTable::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #222;}
.writeTable th {height:35px;padding:5px 10px;font-size:13px;word-break:break-all;letter-spacing:-.5px;border-bottom:1px solid #dde2ea;background:#F7F7F7;color:#222;font-weight:500;text-align:left;}
.writeTable td {height:35px;padding:5px 10px;font-size:13px;word-break:break-all;letter-spacing:-.5px;border-bottom:1px solid #dde2ea;color:#222;font-weight:500;text-align:left;}
.writeTable .mark_need {position:relative;display:inline-block;width:6px;height:12px;margin-right:2px;overflow:hidden;text-indent:-999px;line-height:10px;vertical-align:top;}
.writeTable .mark_need:before {content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -3px;width: 5px;height: 5px;border-radius: 50%;background: #6351FF;}

.inp_t {display:inline-block;width:100%;height:30px;padding:0 10px;box-sizing:border-box;border-radius:4px;background:#fff;border:1px solid #dbdee1;color:#000;}
.inp_f {display:inline-block;height:30px;padding:0 10px;box-sizing:border-box;border-radius:4px;background:#fff;border:1px solid #dbdee1;color:#000;}
.inp_time {display:inline-block;width:80px;height:30px;padding:0 10px;box-sizing:border-box;border-radius:4px;background:#fff;border:1px solid #dbdee1;color:#000;}
.inp_time.timepicker {padding-right:30px;background:#fff url(../img/common/ico_clock_black.png) no-repeat right 10px center !important;}
/* .inp_s {display:inline-block;width:100%;height:30px;padding:0 10px;padding-right:30px;box-sizing:border-box;border-radius:0;background:#fff url(../img/common/ico_arrB_s.png) no-repeat right 10px top 50%;border:1px solid #dbdee1;color:#000;vertical-align:top;} */
.inp_area {display:inline-block;width:100%;padding:0 10px;padding-right:30px;box-sizing:border-box;border-radius:0;border:1px solid #dbdee1;color:#000;vertical-align:top;resize:none;overflow:auto;overflow-x:hidden;}

.inp_radio {display:inline-block;position:relative;height:21px;margin-right:10px;font-size:0;vertical-align:middle;}
.inp_radio>input[type=radio] {position:absolute;left:1px;top:1px;width:18px;height:18px;z-index:0;}
.inp_radio>label {display:inline-block;position:relative;overflow:hidden;min-height:21px;margin:0 !important;padding:0 0 0 27px;background:url(../img/common/input_radio.png) no-repeat 0 0;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:21px;letter-spacing:-1px;cursor:pointer;z-index:1;vertical-align:top;}
.inp_radio>input[type=radio]:checked+label {background:url(../img/common/input_radioOn.png) no-repeat 0 0;}
.inp_radio>input[type=radio]:disabled+label {cursor:default;}
.inp_radio>input[type=radio]:checked:disabled+label {cursor:default;}


.p_pagination {padding-top:30px;}
.p_pagination .pagination {font-size:0;}
.paging {left:60px;}
.pagination {padding-top:0px;font-size:0;text-align:center;}
.pagination>a {display:inline-block;overflow:hidden;width:15px;height:30px;text-indent:-999px;vertical-align:top;}
.pagination>.btn_first {margin-right:10px;background:url(../img/common/paging_first.png) no-repeat center;}
.pagination>.btn_prev {margin-right:10px;background:url(../img/common/paging_prev.png) no-repeat center;}
.pagination>.btn_next {margin-left:10px;background:url(../img/common/paging_next.png) no-repeat center;}
.pagination>.btn_end {margin-left:10px;background:url(../img/common/paging_end.png) no-repeat center;}
.pagination>span {display:inline-block;padding-left:10px;font-size:0;vertical-align:top;}
.pagination>span>a {display:inline-block;overflow:hidden;width:30px;height:30px;margin-right:5px;box-sizing:border-box;border-radius:5px;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:500;line-height:30px;vertical-align:top;transition:0.2s;text-align:center;}
.pagination>span>a:last-child {margin-right:0;}
.pagination>span>a.on,
.pagination>span>a:hover {background:#6351FF;color:#fff;}
.infoTxt {margin-top:10px;font-size:13px;color:#aaa;}

.btn_r {padding:50px 0 20px;text-align:right;font-size:0;}
.btnC {
    display:inline-block;
    width:auto;
    min-width:100px;
    height: 35px;
    padding:0 25px;
    box-sizing:border-box;
    background: #226356;
    color:#fff;
    border-radius: 20px;
    font-size: 14px;
    line-height: 36px;
    vertical-align:top;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
    text-align:center;
    font-weight:500;
}
.btn_r .btnC +.btnC {margin-left:10px;}
.btnC.btn_gray {background:#8a8a8a;}


/* 검색옵션 */
.search_box {display:block;margin:0 auto 30px 0;;padding:20px 0;box-sizing:border-box;border:none;background:#fff;border-radius:5px;font-size:0;text-align:center;}
.search_box .inp_t {display:inline-block;height:30px;width:400px;padding:0 10px;border-right:none;vertical-align:middle;}
/* .search_box .btn_search {display:inline-block;overflow:hidden;width:30px;height:30px;margin-left:-3px;box-sizing:border-box;border:1px solid #c9d0da;border-left:none;border-radius:3px;border-top-left-radius:0px;border-bottom-left-radius:0;background:#fff url(../img/common/ico_search_black.png) no-repeat center;background-size:auto 15px;vertical-align:middle;text-indent:-999px;} */

.optTb {overflow:hidden;margin:0 0 30px;padding:10px 20px;border-radius:5px;background:#fff;}
.optTb table {width:100%;margin:0 auto;}
.optTb th,
.optTb td {padding: 5px 10px;text-align:left;vertical-align:middle;}
.optTb th {padding-right:5px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:500;line-height:17px;vertical-align:middle;white-space:normal;letter-spacing:-1px}
.optTb td {}
.optTb .pickerNum01,
.optTb .pickerNum02 {display:inline-block;min-width:245px;}
.optTb .pickerNum01 input {width:100%;min-width:120px;}
.optTb .pickerNum02 input {width:calc(50% - 7px);min-width:115px;}
.optTb .picker_txt {display:inline-block;width:14px;padding-left:6px;box-sizing:border-box;line-height:30px;vertical-align:middle;}
.optTb .inpR_grp,
.optTb .inpC_grp {overflow:hidden;}
.optTb .inpC_grp>label,
.optTb .inpR_grp>label,
.optTb .inpC_grp>.inp_checkbox,
.optTb .inpR_grp>.inp_radio {display:inline-block;margin:0 10px 5px 0;}
.optTb_btnArea {overflow:hidden;/* margin-bottom:20px; */padding:0;text-align:right;}
.optTb_btnArea button {display:inline-block;overflow:hidden;min-width:100px;height:30px;box-sizing:border-box;padding:0 25px;border-radius:7px;background-repeat:no-repeat;background-position:left 25px center;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:500;line-height:31px;text-align:center;vertical-align:middle;}
.optTb_btnArea .btn_search {background:#1c83ee;color:#fff;}
.optTb_btnArea .btn_reSet {background:#454f59;color:#fff;}
.opt_info {width:calc(100% - 300px);margin-top:-35px;margin-bottom:35px;}



.reN_optTb {overflow:hidden;margin:20px 0 10px;padding:10px 20px;border-radius:17px;background:#f6f7fb;}
.reN_optTb table {width:100%;margin:0 auto;}
.reN_optTb th,
.reN_optTb td {padding: 5px 10px;text-align:left;vertical-align:middle;}
.reN_optTb th {padding-right:5px;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:500;line-height:17px;vertical-align:middle;white-space:normal;letter-spacing:-1px;}
.reN_optTb td {}
.reN_optTb .pickerNum01,
.reN_optTb .pickerNum02 {display:inline-block;min-width:245px;}
.reN_optTb .pickerNum01 input {width:100%;min-width:120px;}
.reN_optTb .pickerNum02 input {width:calc(45% - 7px);min-width:100px;}
.reN_optTb .picker_txt {line-height:30px;}
.reN_optTb .inpR_grp,
.reN_optTb .inpC_grp {overflow:hidden;}
.reN_optTb .inpC_grp>label,
.reN_optTb .inpR_grp>label,
.reN_optTb .inpC_grp>.inp_checkbox,
.reN_optTb .inpR_grp>.inp_radio {display:inline-block;margin:0 10px 5px 0;}
.optTb_btnArea {overflow:hidden;/* margin-bottom:20px; */padding:0;text-align:right;}
.optTb_btnArea button {display:inline-block;overflow:hidden;min-width:100px;height:30px;box-sizing:border-box;padding:0 25px;border-radius:7px;background-repeat:no-repeat;background-position:left 25px center;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:500;line-height:31px;text-align:center;vertical-align:middle;}
.optTb_btnArea .btn_search {background:#1c83ee;color:#fff;}
.optTb_btnArea .btn_reSet {background:#454f59;color:#fff;}
.currentAppli {position:relative;}
.currentAppli .exclam {position:absolute;left:5px;top:5px;overflow:hidden;height:18px;}
.currentAppli .exclam>b {color:#1c83ee;}

.tabMenu {position:relative;overflow:hidden;margin:20px 0;background:none;font-size:0;}
.tabMenu::before {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e5eaf0;z-index:0;}
.tabMenu>li {display:inline-block;vertical-align:top;}
.tabMenu>li>a {display:block;position:relative;min-width:auto;height:auto;box-sizing:border-box;padding:13px 24px 10px;background:none !important;color:#767676;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:500;line-height:19px;white-space:nowrap;}
.tabMenu>li>a::before {content:'';display:none;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e5eaf0;z-index:1;}
.tabMenu>li>a:hover,
.tabMenu>li>a.on {color: #00ddb3;font-weight:700;}
.tabMenu>li>a:hover::before,
.tabMenu>li>a.on::before {display:block;background: #00ddb3;}


.point_red {color:#d01f43 !important;}
.reN_v2.btn_file {
    display:inline-block;
    overflow:hidden;
    min-width:50px;
    height:25px;
    box-sizing:border-box;
    padding:0 5px;
    border-radius:5px;
    border:1px solid #222;
    background:#fff;
    color:#222;
    font-family:'Roboto','Noto Sans KR',sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:25px;
    text-align:center;
    vertical-align:middle;
}


table .nec:before{
    content:'';
    display:inline-block;width:11px;height:8px;
    margin-right:6px;
    /* background:url(/common/img/bg/necessary.png) no-repeat 0 center; */
    vertical-align:-1px;font-size:0
}

/*select.select {
    width: 100%; !* 원하는 너비설정 *!
    height:40px;
    padding: 0 0px 0 4px; !* 여백으로 높이 설정 *!
    color:#666;
    font-size:16px;
    font-weight:400;
    background: #fff url(../img/common/ico_arrB_black.png)  right 13px top 50% no-repeat; !* 네이티브 화살표를 커스텀 화살표로 대체 *!
    border: 1px solid #c9d0da;
    border-radius: 4px; !* iOS 둥근모서리 제거 *!
    !* -webkit-appearance: none; *! !* 네이티브 외형 감추기 *!
    -moz-appearance: none;
    !* appearance: none; *!
    background-position: 90% 50%;
}
select.select.round {
    width: 100%; !* 원하는 너비설정 *!
    height:48px;
    padding: 0 50px 0 20px; !* 여백으로 높이 설정 *!
    color:#666;
    font-size:16px;
;font-weight:400;
    border: 1px solid #c9d0da;
    border-radius: 24px; !* iOS 둥근모서리 제거 *!
    -webkit-appearance: none; !* 네이티브 외형 감추기 *!
    -moz-appearance: none;
    appearance: none;
}*/


select.select {
    background: #fff url(../img/common/ico_arrB_black.png) no-repeat right 13px top 50%;
    border: 1px solid #c9d0da;
    border-radius: 4px;
    height: 40px;
    padding: 0 33px 0 13px
}


select.select,select.select.round {
    -webkit-appearance: none;
    appearance: none;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

select.select.round {
    border: 1px solid #c9d0da;
    border-radius: 24px;
    height: 48px;
    padding: 0 50px 0 20px
}

input.txt {overflow:hidden;width:100%;height:40px !important;box-sizing:border-box;padding:0 13px;border:1px solid #c9d0da !important;border-radius:3px;background:#fff !important;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:40px;}
input.txt:focus {border:1px solid #1c83ee;}
input.txt::-ms-input-placeholder {color:#999 !important;}
input.txt::-webkit-input-placeholder {color:#999 !important;}
input.txt::-moz-placeholder {color:#999 !important;}

input.txt,
select.select {height:30px !important;font-size:13px;line-height:17px;}
textarea {font-size:13px;line-height:19px;}


.listTable {width:100%;border:1px solid #e1e4eb;border-bottom:2px solid #ced2de;background:#fff}
/* .listTable th {height:14px;padding:10px 0;background:#64a3d9 url(../img/bg/th2.png) no-repeat 0 center;color:#fff;font-weight:600;letter-spacing:-1px;text-align:center;} */
.listTable th:first-child {background-image:none}
.listTable td {height:25px;padding:7px 0;border-top:1px solid #e1e4eb;border-left:1px solid #e1e4eb;line-height:15px;text-align:center;letter-spacing:-1px}
.listTable td.al{padding:7px 20px;text-align:left}
.listTable td a:hover{text-decoration:underline}
/* .listTable .re td.al{background:url(../img/bg/reply.png) no-repeat 20px 10px;padding-left:61px} */
.listTable td .case{display:inline-block;height:30px;min-width:40px;border-radius:7px;}
.listTable {position:relative;border:none;border-top:1px solid #222;}
.listTable th,
.listTable td {padding:5px;border:none;border-bottom:1px solid #dde2ea;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;line-height:20px;}
.listTable th {height:48px;background:#f6f7fb;font-weight:700;}
.listTable td {height:46px;background:#fff;font-weight:400;}
.listTable td.al a {font-size:inherit;font-weight:500;line-height:inherit;}
.listTable td a.act_view {color: #1c83ee;}
.listTable tr.point th,
.listTable tr.point td,
.listTable th.point,
.listTable td.point {background-color:#fef4d7 !important;}

.writeTable th,
.writeTable td,
.listTable th,
.listTable td,
.listTable.line th,
.listTable.line td {height:30px;padding:5px;font-size:13px;line-height:1.5;word-break:break-all;}
.listTable.rowspanLine th[rowspan],
.listTable.rowspanLine td[rowspan] {border-right:1px solid #dde2ea;}
.listTable th.lineL,
.listTable td.lineL {border-left:1px solid #dde2ea;}
.listTable th.lineR,
.listTable td.lineR {border-right:1px solid #dde2ea;}


.listTable a.detail_view{color: #3b7cae;}

.btn_l,
.btn_c,
.btn_r {clear:both;padding:30px 0 20px;}


.pop .btn_l,.btn_c,.btn_r {clear:both;padding:5px;}

.btn_l+.btn_r {position:absolute;right:30px;margin-top:-67px;padding:0;}
.pagination+.btn_r {right:30px;}

.btn_box {display:inline-block;position:relative;overflow:hidden;min-width:150px;height:48px;box-sizing:border-box;padding:0 25px;border-radius:24px;background:#1c83ee;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:500;line-height:49px;text-align:center;vertical-align:middle;box-shadow:0 6px 12px 0 rgba(0,0,0,0.1);}
.btn_box::before {content:'';display:none;width:25px;height:100%;background-repeat:no-repeat;background-position:left center;vertical-align:top;}
.btn_box.lineBlack {border:1px solid #222;background:#fff;color:#222;}
.btn_box.lineGray {border:1px solid #c9d0da;background:#fff;color:#222;}
.btn_box.black {background:#454f59;}
.btn_box.green {background:#89be40;}

.btn_box.down {background:#F95D39;font-size:13px;line-height:32px;border-radius:20px;height:30px;margin-bottom:10px;}

/*
.btn_box.add {min-width:auto;text-align:left;}
.btn_box.add::before {display:inline-block;background-image:url(../img/layout/ico_plus_white.png);}
.btn_box.down {min-width:auto;background-color:#737f8b;text-align:left;}
.btn_box.down::before {display:inline-block;background-image:url(../img/layout/ico_down_white.png);}
.btn_box.print {min-width:auto;background-color:#737f8b;text-align:left;}
.btn_box.print::before {display:inline-block;background-image:url(../img/layout/ico_print_white.png);}
.btn_box.reg::before {display:inline-block;width:30px;background-image:url(../img/layout/ico_reg_white.png);} */

.case {width:auto;/*max-width:85px;*/min-width:85px;max-width:none;height:25px;font-size:12px;line-height:25px;}
.btn_check {height:25px;padding:0 20px;font-size:13px;line-height:25px;}
.btn_check::before {width:17px;background-size:auto 7px;}
.btn_box {min-width:100px;height:35px;border-radius:20px;font-size:14px;line-height:36px;}
.btn_boxM {min-width:70px;height:30px;border-radius:5px;font-size:13px;line-height:31px;}
.btn_boxS {min-width:50px;height:25px;border-radius:5px;font-size:13px;line-height:26px;}
.btn_like {min-width:120px;height:40px;border-radius:20px;line-height:41px;}
.btn_like>span {line-height:39px;}

.btn_icon {display:inline-block;overflow:hidden;min-width:50px;height:25px;box-sizing:border-box;padding:0 5px;border-radius:5px;background:#1c83ee;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:500;line-height:25px;text-align:center;vertical-align:middle;}
.btn_icon::before {display:none;}

.btn_icon.act_code_add::before {content:'';display:inline-block;width:25px;height:100%;background-image:url(../img/layout/ico_check_white.png);background-repeat:no-repeat;background-position:left center;vertical-align:top;}

.paging{
    /* position:absolute; */
    left:0;
    padding-left:5px;margin-top:10px;
    letter-spacing:-1px
}
.paging b{color:#1259ab}
.pagination{
    /* padding-top:18px; */
    text-align:center;
}
.pagination span{padding:0 7px}
.pagination span a{
    display:inline-block;width:25px;height:25px;line-height:25px;
    text-align:center;vertical-align:top
}
.pagination span a:hover{font-weight:600}
.pagination span a.on{
    background:#1259ab;border-radius:3px;
    color:#fff;font-weight:600
}
.pagination+.btn_r{
    position:absolute;right:0;
    padding:0;margin-top:-30px
}

.paging {left:60px;}
.pagination {/* padding-top:30px; */font-size:0;}
.pagination>a {display:inline-block;overflow:hidden;width:15px;height:30px;text-indent:-999px;vertical-align:top;}
/* .pagination>.btn_first {margin-right:10px;background:url(../img/layout/paging_first.png) no-repeat center;}
.pagination>.btn_prev {margin-right:10px;background:url(../img/layout/paging_prev.png) no-repeat center;}
.pagination>.btn_next {margin-left:10px;background:url(../img/layout/paging_next.png) no-repeat center;}
.pagination>.btn_end {margin-left:10px;background:url(../img/layout/paging_end.png) no-repeat center;} */
.pagination>span {display:inline-block;padding-left:10px;font-size:0;vertical-align:top;}
.pagination>span>a {display:inline-block;overflow:hidden;width:auto;min-width:25px;height:25px;margin-right:10px;box-sizing:border-box;padding:0 5px;border-radius:3px;color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-weight:500;font-size:13px;line-height:25px;vertical-align:top;transition:0.2s;}
.pagination>span>a.on,
.pagination>span>a:hover {background:#404a50;color:#fff;}


.writeTable .photo {position:relative;min-height:120px;padding-left:160px;}
.writeTable .photo_img {display:block;/* position:absolute; *//* left:0; */margin-top: 10px;overflow:hidden;width: 306px;height: 130px;font-size:0;}
.writeTable .photo_img img {width:100%;height:100%;}
.writeTable .photo_info {display:block;margin-bottom:10px;box-sizing:border-box;padding:10px 5px;border-bottom:1px solid #dde2ea}
.writeTable .photo_func {display:block;margin-bottom:10px;box-sizing:border-box;padding:0 5px;}
.writeTable .photo_func .btn_file {display:inline-block;overflow:hidden;max-width:70px;height:25px;box-sizing:border-box;padding:0 10px;border:none;border-radius:5px;background:#1c83ee;text-align:center;vertical-align:middle;}
.writeTable .photo_func .btn_file label {margin:0 !important;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:26px;}
.writeTable .photo_func .btn_file label b {font-size:inherit;font-weight:inherit;line-height:inherit;}
.writeTable .photo_func .func_txt {display:block;padding:5px 0;}
.writeTable .photo_func .func_txt+.func_txt {margin-top:10px;}
/* .btn_file input{
	width:0%;
	height:0%;
	position:absolute;
	cursor:pointer;
	opacity:0;
} */
.case {
    display:inline-block;
    height:30px;
    min-width:40px;
    border-radius:7px;
}

.levelAuth {overflow:hidden;padding:44px 22px;background:#e1e4eb;}
.levelAuth .stepBox {position:relative;float:left;width:31.3%;border-bottom:2px solid #ced2de;}
.levelAuth .stepBox+.stepBox {margin-left:3%;}
.levelAuth .stepBox>strong {display:block;height:32px;margin-bottom:9px;color:#2b2b2b;font-family:'nanumgothic';font-size:26px;font-weight:600;line-height:28px;}
.levelAuth .stepBox .list {overflow-x:hidden;overflow-y:auto;height:785px;box-sizing:border-box;padding:15px 12px;background:#fff;}
.levelAuth .stepBox .list li {position:relative;height:37px;}
.levelAuth .stepBox .list li .txt {display:block;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 120px);box-sizing:border-box;padding-left:7px;color:#666;font-family:'nanumgothic';font-size:15px;line-height:37px;white-space:nowrap;}
.levelAuth .stepBox .list li:hover,
.levelAuth .stepBox .list li:active,
.levelAuth .stepBox .list li.on {background:#f7f7f8;}
.levelAuth .stepBox .list li:hover .txt,
.levelAuth .stepBox .list li:active .txt,
.levelAuth .stepBox .list li.on .txt {color:#3366cc;font-family:'nanumgothic';font-weight:600;}
.levelAuth .stepBox .list li .btn_icon {position:absolute;right:0;top:8px}
.levelAuth .stepBox .list li .btn_icon.modify {right:63px;}
.levelAuth .stepBox .list li .btn_icon.del {right:8px;}
.levelAuth .stepBox .no_article {display:table;width:100%;height:100%;padding:0;background:#fff;color:#666;font-family:'nanumgothic';font-size:15px;}
.levelAuth .stepBox .no_article>span {display:table-cell;height:100%;color:#666;font-family:'nanumgothic';font-size:15px;text-align:center;vertical-align:middle;}

.levelAuth {margin-top:18px;padding:0;background:none;}
.levelAuth .stepBox {overflow:hidden;border:none;border-radius:3px;}
.levelAuth .stepBox>strong {height:24px;margin-bottom:0;padding:9px 10px 8px;background:#266897;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:20px;line-height:24px;}
.levelAuth .stepBox .list {box-sizing:border-box;border:1px solid #ced2de;border-top:none;}
.levelAuth .stepBox .list li .btn_boxS {position:absolute;right:0;top:8px;padding:0 13px;}
.levelAuth .stepBox .list li .btn_boxS.modify {right:63px;}
.levelAuth .stepBox .list li .btn_boxS.del {right:8px;}
.levelAuth .stepBox .no_article {width:calc(100% - 1px);background:#fff}

.levelAuth .btn_search {display:inline-block;overflow:hidden;height:30px;box-sizing:border-box;/* width:100%; */border-radius:7px;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:13px;font-weight:500;line-height:31px;text-align:center;vertical-align:middle;background: #1c83ee;color:#fff;}

.stepBox2 {float:left;width:65%; margin-left:3%; overflow:hidden;border:none;border-radius:3px;margin-bottom:3%;}
.stepBox2 strong {display:block;font-weight:600;height:24px;margin-bottom:0;padding:9px 10px 8px;background:#266897;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:20px;line-height:24px;}
.stepBox2 .list {overflow-x:hidden;overflow-y:auto;height:350px;padding:15px 12px;background:#fff;box-sizing:border-box;border:1px solid #ced2de;border-top:none;}
.stepBox2 .list li .btn_boxS {position:absolute;right:0;top:8px;padding:0 13px;}
.stepBox2 .list li .btn_boxS.modify {right:63px;}
.stepBox2 .list li .btn_boxS.del {right:8px;}
.stepBox2 .no_article {width:calc(100% - 1px);background:#fff}
.stepBox2 .no_article>span {border-top:none;}
.stepBox2 .no_article {display:table;width:100%;height:100%;padding:0;background:#fff;color:#666;font-family:'nanumgothic';font-size:15px;}
.stepBox2 .no_article>span {display:table-cell;height:100%;color:#666;font-family:'nanumgothic';font-size:15px;text-align:center;vertical-align:middle;}


.save-button {margin-top: 5px;text-align: center;background-color: #226356;color: white;padding: 5px;border-radius: 5px;cursor: pointer;}


.stepBox tr.on>td{
    background-color: #2f9782;
    color : #ffffff;
}

.listInfo {overflow:hidden;min-height:30px;text-align:right;}

.btn_boxS {display:inline-block;overflow:hidden;box-sizing:border-box;background:#1c83ee;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;
    font-weight:400;text-align:center;vertical-align:middle;
    min-width:50px;height:25px;border-radius:5px;font-size:13px;line-height:26px;padding:0 13px;}
.btn_boxS.black {background:#454f59;}


.case{
    display:inline-block;
    color:#fff;
    width:auto;min-width:85px;max-width:none;height:25px;font-size:12px;line-height:25px;
}
.case.green{background:#89be40}
.case.black{background:#3e4450}


#homepage_page #directory{
    float:left;width:300px;
}

#homepage_page #page {width:calc(100% - 320px);float:right;}

#homepage_page #directory > p { padding:10px 15px; background:#3d464f;}
#homepage_page #directory > p + p { padding-top:0; }
#homepage_page #directory>div{
    padding:0;min-height:600px;max-height:900px;
    overflow:auto;
    overflow-x:hidden;
    border:1px solid #3d464f;background:#fff
}
.point_green{color:#579600 !important}
#homepage_page h3{
    padding: 25px 0 6px;
    line-height: 1.5em;
    font-size:16px;letter-spacing:-1px;
    color:#1259ab;font-weight:600
}
/*
.pop_wrap{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	z-index:1000
}

.pop_wrap .pop_ct{
	position:fixed;
	box-sizing:border-box;width:370px;
	margin-left:-185px;padding-bottom:25px;
	background:#fff;
	z-index:1001;
	overflow:hidden;border:none !important;
	border-radius:0;
}
 .pop_wrap {background:rgba(0,0,0,0.6);}
 .pop_ct h2 {padding:25px 50px 25px 30px;background:none;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-weight:700;height:auto;padding:20px 50px 20px 30px;font-size:20px;line-height:30px;}
 .pop_wrap .pop_ct>div {box-sizing:border-box;padding:0 30px;}
  */
.writeTable {width:100%;background:#fff;position:relative;border:none;}
.writeTable thead td {font-weight:600;color:#1259ab;letter-spacing:-1px}
.writeTable th {height:25px;padding:7px 0;background:#c6cbd8;border-top:1px solid #e1e4eb;font-weight:600;color:#444;letter-spacing:-1px}
.writeTable td{height:25px;padding:7px 10px;border-top:1px solid #e1e4eb;text-align:left;}
.writeTable td p{padding-top:7px}
.writeTable td label input {margin-right:5px}
.writeTable td label {margin-right:15px;cursor:pointer;}

.writeTable th {/* height:48px; */padding:5px;/* padding-left:31px; */border-bottom:1px solid #dde2ea;background:#f6f7fb;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;/* font-size:16px; */font-weight:700;/* line-height:20px; */text-align:left;}
.writeTable th,
.writeTable td{height:30px;padding:5px;font-size:13px;line-height:1.5;word-break:break-all;padding-left:25px;}
/*
.pop_ct .btn_close{
	position:absolute;
	display:block;
	font-size:0;
	right:30px;
	width:19px;height:19px;background:url(/common/img/bg/ico_popClose.png) no-repeat center;text-indent:-999px;
	top:25px;
}

.pop_wrap .btn_c{text-align:center;clear:both;padding:30px 0 20px;}
 */


body.pop {background:none !important;}


.pop_wrap{
    position:fixed;top:0;left:0;
    width:100%;height:100%;display:flex;justify-content: center;align-items: center;
    z-index:1000
}
.pop_wrap .pop_bg{
    position:fixed;top:0;left:0;
    width:100%;height:100%;
    background:#000;opacity:0.6;filter: alpha(opacity=60);
    z-index:1000
}
.pop_ct{
    position:relative;width:100%;
    background:#fff;border:3px solid #2668b4;
    padding-bottom:25px;
}
.pop_wrap .pop_ct{
    position:fixed;
    box-sizing:border-box;max-width:90%;width:800px !important;height:auto !important;max-height:90%;
    top:auto !important;left:auto !important;
    padding-bottom:25px;
    background:#fff;border:3px solid #2668b4;
    z-index:1001
}
.pop_wrap#pop_relay .pop_ct {width:1100px !important;}
.pop_ct h2{
    height:37px;line-height:37px;
    background:#2668b4;
    padding-left:14px;
    font-size:14px;font-weight:600;color:#fff
}
.pop_ct .btn_close{
    position:absolute;top:10px;right:12px;
    display:block;width:15px;height:15px;
    /* background:url(../img/btn/pop_close1.png) no-repeat; */
    font-size:0
}
.pop_ct .select_area{
    margin:25px 23px 0;padding-bottom:20px;
    border-bottom:1px solid #c6cbd8;
    text-align:center
}
.pop_ct .select_area .select{width:26.5%}

.btn_box.pop{
    min-width:90px;height:32px;padding:0 10px;line-height:32px;
    border-radius:3px;
    font-size:14px;
}

.btn_box.black {background:#454f59;}

/* 팝업 */
.pop_wrap {background:rgba(0,0,0,0.6);}
.pop_wrap .pop_ct {overflow:hidden;border:none !important;border-radius:18px;}
.pop_wrap .pop_ct>div {box-sizing:border-box;padding:0 30px;height:auto !important;}
.pop_ct h2 {padding:25px 50px 0px 30px;background:none;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:26px;font-weight:700;line-height:36px;}
.pop_ct .pop_sTit {display:block;margin-bottom:10px;color:#1c83ee;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:700;line-height:19px;}
.pop_ct .btn_close {right:30px;top:34px;width:19px;height:19px;background:url( ../img/common/ico_popClose.png) no-repeat center;text-indent:-999px;}
.pop_ct .list_dotRed>li.inputBox::before {top:16px;}

.sel_nY {padding:9px 0}
.sel_nY>span {display:block;}
.sel_nY>span+span {margin-top:10px;}

textarea{
    width:100%;
    overflow:auto;
    overflow-x:hidden;
    height:auto;box-sizing:border-box;padding:13px;border:1px solid #c9d0da;border-radius:4px;color:#222;
    font-weight:400;resize:none;
    font-size:13px;line-height:19px;
}

.pop_wrap .btn_file {display:inline-block;overflow:hidden;box-sizing:border-box;border:1px solid #222;background:#fff;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-weight:400;text-align:center;vertical-align:middle;min-width:50px;height:25px;padding:0 5px;border-radius:5px;font-size:13px;line-height:25px;}
.pop_wrap .btn_file::before {display:none;}
.pop_wrap .btn_file input{
    width:15%;
    height: 30%;
    position:absolute;
    right:0;
    opacity:0;
    filter: alpha(opacity=0);
    cursor:pointer;
}

.hiddenfile {
    width:200%;
    height:200%;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    opacity:0;
}

/*
.pop_wrap .btn_file input{
	width:200%;
	height:200%;
	position:
	absolute;top:0;right:0;
	cursor:
	pointer;opacity:0;
	filter: alpha(opacity=0);
} */


/* 22-09-05 추가 */
.mMenu {display:none;position:fixed;right:0px;top:8px;overflow: hidden;max-width: 100%;cursor: pointer;z-index:999;}
.mMenu .hamburger {position: relative;width: 25px;height: 20px;margin: 15px;}
.mMenu .hamburger span {opacity: 1;left: 0;display: block;width: 100%;height: 2px;border-radius: 10px;color: black;background-color: #000;position: absolute;transform: rotate(0deg);transition: .4s ease-in-out;}
.mMenu .hamburger span:nth-child(1) {top: 0;}
.mMenu .hamburger span:nth-child(2) {top: 9px;}
.mMenu .hamburger span:nth-child(3) {top: 18px;}
.mMenu .hamburger.open span:nth-child(1) {transform: translateY(9px) rotate(135deg);}
.mMenu .hamburger.open span:nth-child(2) {opacity: 0;transform: translateX(-60px);}
.mMenu .hamburger.open span:nth-child(3) {transform: translateY(-9px) rotate(-135deg);}

#container  {min-width:100%;}

.pop_wrap .btn_c {text-align:center;}
.pop_ct .scroll_list,.scroll_list2 {max-height:calc(100vh - 35vh);overflow-y:auto;}

.relayList {width:100%;}
.relayList ul {display:flex;flex-wrap:wrap;justify-content: space-between;}
.relayList ul li {position:relative;width:calc(50% - 10px);border-top:0;}
.relayList ul li:nth-child(n+3) {margin-top:20px;}
.relayList ul li .name {padding:5px 15px;background:#333;text-align:center;color:#fff;}
.relayList ul li .setting {padding:15px;border:1px solid #dbdee1;border-top:0;box-sizing:border-box;}
.relayList ul li .btn {position:absolute;right:10px;top:4px;}
.relayList ul li .btn .btn_boxS {height:20px;line-height:21px;}
.relayList ul li .eachSet {position:relative;/* padding-right:60px; */padding-top:15px;margin-top:15px;border-top:1px solid #dbdee1;box-sizing: border-box;}
.relayList ul li .eachSet .del {position:absolute;right:0;top: 13%;/* transform: translateY(-50%); *//* height: 20px; *//* line-height:20px; */}
.relayList ul li .eachSet .inp_t {margin-right: 0px; border-radius: 4px;}
.pickerNum01 input.txt.calendar {width:133px;}
.pickerNum01 .date-picker-control+.picker_txt {padding:0 7px;}
.pickerNum01 .area {display:inline-block;/* vertical-align:top; */margin-right: 5px;margin-top: 5px;}
.pickerNum01 .area .select {width:90px;margin-right:10px;}
/*.pickerNum01 .area+.area {margin-top:10px;}*/
.pickerNum01 .area:first-child .select {width: 85px;margin-right:0;}
.picker_txt {display:inline-block;vertical-align: middle;}
.picker_sort {display:inline-block;vertical-align: middle;font-weight:500;margin-left: 10px;}
.inp_radio .add {display:inline-block;margin-left:5px;vertical-align:top;margin-top:-2px;}
.inp_radio .add .btn_boxS {height:23px;line-height:23px;background:#fff;border: 1px solid #1c83ee;color:#1c83ee;box-sizing:border-box;}

.date-picker {z-index:999999 !important;}


.inp_p {display:inline-block;background:#fff;border: 1px solid #333;vertical-align:top;background-color:#333;text-align:center;}

.optTb_btnArea {position:relative;}
.optTb_btnArea .list_range {/* margin-bottom: 20px; */margin-top:-30px;text-align: left;}
.list_range .listInfo {position:inherit;display:inline-block;vertical-align:top;line-height:30px;min-height:inherit;padding:0;}
.list_range .listInfo+.inp_range {margin-left:10px;}
.list_range .inp_range {max-width:120px;vertical-align:top;}
.list_range .listInfo>.listNum {position:inherit;line-height:30px;margin:0;}
.listInfo>.listNum>b {color:#1c83ee;}

.optTb_btnArea .button_add_list{margin-top: 10px;}

.btn_iconS{
    letter-spacing:-1px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    background: #1c83ee;
    color: #fff;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    min-width:50px;height:25px;padding:0 5px;border-radius:5px;font-size:13px;line-height:25px;
}

.txtBody2{display:block;width:100%;font-size:18px;line-height:28px;letter-spacing:0;color:#212121;}

.pageError{width:100%;max-width:1500px;margin:120px auto;min-height:450px;background-color:#F7F7F7;padding:94px 30px 60px 30px;text-align:center;
    color:#212121;
    font-family:'Pretendard', sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:none;}
.pageError .errorTit{font-size:36px;line-height:44px;font-weight:bold;color:#111;padding-top:85px;background:url(../img/common/icon_error.svg) no-repeat top center/64px auto;margin-bottom:20px;word-break:keep-all;color:#111;}
.pageError .txtBody2{word-break:keep-all;}
.pageError.type2{border:none;background-color:inherit;}
.pageError.type2 .errorTit{background:url(../img/common/icon_error2.svg) no-repeat top center/64px auto;}

.btnArea{width:calc(100% + 10px);margin-top:50px;text-align:center;font-size:0;margin-left:-5px;}

.baseBtn{width:auto;box-sizing:border-box;display:inline-block;outline: 0;}
.baseBtn:focus{outline: none;}
.baseBtn>.base{display:block;color:#111;width:100%;height:100%;box-sizing:border-box;text-align:center;border:1px solid #111;}
.baseBtn:disabled>.base,
.baseBtn.disabled>.base{color:#666666 !important;border-color:#D1D1D1 !important;background-color:#D1D1D1 !important;}

.btnArea .baseBtn{margin:0 5px;vertical-align:middle;}
.btnArea .baseBtn.xlarge>.base{min-width:160px;}
.baseBtn.black{background-color:#111;}
.baseBtn.black>.base{color:#fff;border-color:#111;}
.baseBtn.xlarge{height:56px;}
.baseBtn.xlarge>.base{font-size:18px;line-height:24px;padding:15px 40px 15px 40px;min-width:160px;}


@media all and (max-width:1400px){
    .stepBox .tbArea .custom-scrollbar-cover {display:block;}
}

@media all and (max-width:1030px){
    header {position:fixed;left:0;top:0;width:100%;height:70px !important;background:#fff;border-bottom: 1px solid #dbdee1;padding:0 !important;box-shadow:0 0px 10px 1px rgba(0,0,0,0.2);}
    header h1 {width:auto;background:none;height:70px;left:0}
    header h1 a {position:inherit;left: 8px;top: 42%;transform: translateY(-30%);z-index: 3;}
    header h1 a img {/* height:50px; */vertical-align: top;display: block;}
    #contents>nav {display:none;}
    header #gnb {display:none;}
    header #gnb  {position:fixed;left:0;top:70px;width:148px;height:100%;background:#f8f8f8;padding-left:0;font-size:0;padding-top:20px;}
    header #gnb>li {float:inherit;display:block;vertical-align:top;padding:0;}
    header #gnb>li>a.on:after, header #gnb>li>a:hover::after {display:none;}
    header #gnb>li>a {display:block; color: #222;transition:0.2s;padding:17px 15px;font-size:17px;font-weight:500;line-height:20px;height:20px;width:100%;}
    header #gnb>li>a.on {background:#00ddb3;color:#fff !important;}
    header .top_util .userInfo+.btn_logout {padding-left: 15px;color: gray;}
    .mMenu {display:block;}
    #contents>nav {position:fixed;float:inherit;width:calc(100% - 148px);height:calc(100% - 70px);left:148px;top:70px;padding:23px 0 0 0;background:#fff;}

    .major_link {padding:0 15px;}
    .major_link>li {border-bottom:1px solid #dbdee1;}
    .major_link>li>a {font-size:17px;text-decoration: none !important;}
    .major_link>li>a.on {background:#fff;color:#000;}
    header .top_util {top: 17px; background: #fff;}
    header .top_util .userInfo {font-size:14px;color: gray;}
    header .top_util .btn_login, header .top_util .btn_logout {font-size:14px;}
    header .top_util .util_r {padding-left:22px;background-size:14px auto;background-position:left 0 top 3px;}


    .menuOpen #contents>nav {display:block;}
    .menuOpen header #gnb {display:block;}

    body {background:#fff;}
    #contents {padding-top:70px;background:none !important;}
    #contents>article {float:inherit;width:100%;padding:20px 15px 60px 15px !important;min-height:100% !important;margin-bottom:0;}
    #contents>article::before  {display:none;}

    footer {padding:0px;width:100%;margin-top:0;}
    footer>address {height:auto;padding:20px 15px;font-size:14px;text-align:center;}
    footer>address::before {width:calc(100% - 30px);left:15px;}


    .levelAuth .stepBox {width:100% !important;}
    .levelAuth .stepBox+.stepBox {margin-top:20px;margin-left:0;}

    .levelAuth.typeCompare .stepBox .tbArea .custom-scrollbar-cover {display:none;}
    .levelAuth.typeCompare .stepBox {width:calc(50% - 5px) !important;}
    .levelAuth.typeCompare .stepBox+.stepBox {margin-left:10px;margin-top:0;}
    .levelAuth.typeCompare .stepBox .listTable {min-width:100%;}
    .levelAuth.typeCompare .stepBox .listTable colgroup {display:none;}
    .levelAuth.typeCompare .stepBox .listTable thead {display: block;}
    .levelAuth.typeCompare .stepBox .listTable thead tr {border-bottom:0;;}
    .levelAuth.typeCompare .stepBox .listTable th {display:block;background:transparent;width:100% !important;border-bottom:0;height:auto;box-sizing:border-box;font-size:14px;}
    .levelAuth.typeCompare .stepBox .listTable th .btn_boxS.black {width:100%;}
    .levelAuth.typeCompare .stepBox .listTable tr.subTable {display:none;}
    .levelAuth.typeCompare .stepBox .listTable tr {display:block;padding:5px;border-bottom:1px solid #dbdee1;border-top:1px solid #000;border:1px solid #ddd;}
    .levelAuth.typeCompare .stepBox .listTable tr+tr {margin-top:-1px;}
    .levelAuth.typeCompare .stepBox .listTable td {display:block;text-align:left;height: auto;border-bottom:0;padding:0;padding-bottom:5px;}
    .levelAuth.typeCompare .stepBox .listTable .mb_tit {position:relative;display:block;margin-bottom:0px;padding:5px 0;font-style:normal;font-weight:700;}
    .levelAuth.typeCompare .stepBox .listTable td .btn_boxS.black {width:100%;}
    .levelAuth.typeCompare .stepBox .listTable tr.on {border: 2px solid #348feb;}
    .levelAuth.typeCompare .stepBox .listTable tr.on td {background:transparent;color:#222;}

    .relayList ul li {width:100%;}
    .relayList ul li+li {margin-top:15px;}
    .relayList ul li .setting {padding:10px 15px;}
    .pickerNum01 .area {display:block;}
    .pickerNum01 .area+.area {margin-top:5px;}
    .sel_nY {padding:0;}
    .sel_nY>span+span {margin-top: 5px;}
    .sel_nY>span {display:inline-block;/* vertical-align:top; */}
    .relayList ul li .eachSet {padding-top:7px;margin-top:7px;}
    .inp_radio>label {font-size:14px;}
    .sensor-area{overflow: auto}

    #pop_sensor .reN_optTb{padding:0px; background:none}
    #pop_sensor .pop_ct {min-height: 580px;}
    #pop_sensor #tbody{max-height :200px;}
    #pop_sensor #tbody .placeholder{min-height :200px;}
    #pop_sensor #tbody > .sensor-div {display : inline-block;}

    #Chart .placeholder{min-height:270px;}
}

@media all and (max-width: 768px){
    .custom-scrollbar-cover {display:block;}
    .pop_ct h2 {padding:15px;padding-top:20px;padding-bottom:10px;font-size:20px;}
    .pop_wrap .pop_ct>div {padding:15px;}
    .writeTable colgroup {display:none;}
    .writeTable th,
    .writeTable td {display:block;height:auto;padding:10px;}
    .writeTable td input.txt,
    .writeTable td input.inp_t,
    .writeTable td select.select {width:100% !important;}
    .writeTable td input.inp_t+.act_code_add {width:100%;margin-top:5px;}
    .writeTable td input.inp_t+.btn_boxS{width:100%;margin-top:5px;}

    .reN_optTb {padding:20px 10px;}
    .reN_optTb table colgroup {display:none;}
    .reN_optTb table  th,
    .reN_optTb table  td {display:block;height:auto;padding:0 10px;}
    .reN_optTb table  th:nth-of-type(n+2) {padding-top:15px;}
    .reN_optTb table  td {padding:10px 10px 0 10px;}
    .reN_optTb table  td select {width:100% !important}
    .reN_optTb table  td select+select {margin-top:5px;}
    .pop_wrap .btn_file {width:100%;margin-top:5px;}

    .admin_login .loginBox {max-width:100%;padding:30px 15px;}
    .admin_login .loginBox h1 img {height:45px;}
    .admin_login .loginBox fieldset .btn_login {margin-top:25px;width:100%;}
    .admin_login .loginBox fieldset input {padding: 0 15px;font-size:15px;}

    .tbArea_relay>table {min-width:850px;}
    .pop_ct .scroll_list2 {max-height:calc(100vh - 50vh);}
    .sensor-area{overflow: auto}

    #pop_sensor .reN_optTb{background:none}
    #pop_sensor .pop_ct {min-height: 580px;}
    #pop_sensor #tbody{max-height :200px;}
    #pop_sensor #tbody .placeholder{min-height :200px;}
    #pop_sensor #tbody > .sensor-div {display : inline-block;}

    #Chart .placeholder{min-height:270px;}
}

@media all and (max-width:530px){
    .pickerNum01 input.txt.calendar {width:110px;}
    .pickerNum01 .area:first-child .select {width:65px;}
    .picker_sort {/* display:block; *//* margin-bottom:2px; */margin-left: 5px;}
    .area .picker_sort:nth-child(n+2) {/* margin-top:10px; */}
    .pickerNum01 .area .select {width:100%;}
    .pickerNum01 .area:first-child .select {width:85px;}

    .inp_radio {margin-top:5px;margin-bottom:5px;}
    .pop_ct .scroll_list2 {max-height:calc(100vh - 50vh);}

    #pop_sensor #tbody{display: flex; flex-wrap: wrap; max-height :103px;}
    #pop_sensor #tbody .sensor-div{width:130px;margin-top:3px;margin-right:1px;padding:10px;min-height:75px;}

    #pop_sensor #Chart{overflow-y:auto; max-height: 200px;}
    #pop_sensor .placeholder{min-height: 100px;font-size:15px;}

    input.txt{height:21px !important}

    .sensor-area{overflow: auto}
    .save-button{padding:1px;margin-top:3px;}

    .sensor-div > div:first-child{margin-top:27px !important}

    #pop_sensor .reN_optTb{padding :0px;background:none}
    #pop_sensor .pop_ct {min-height: 580px;}
    #pop_sensor #tbody{max-height :130px;}
    #pop_sensor #tbody > .sensor-div {display : inline-block;}

    #Chart .placeholder{min-height:195px;}
}


.azmo_progressbar {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 20px;
    width: 200px;
    margin-top: -10px; /* half the height */
    margin-left: -100px; /* half the width */
    border-radius: 20px;
    background-image: -webkit-linear-gradient(-45deg, #226356 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #226356 50%, #226356 75%, rgba(255, 154, 26, 0) 75%);
    background-color: #d3d3d3;
    background-size: 50px 50px;
    border: 1px solid #226356;
    border-bottom-color: #226356;
    box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    z-index: 1500;
}
.azmo_progressbar::before {
    content: " ";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 20px;
}

@-webkit-keyframes move {
    0%   { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

@-moz-keyframes move {
    0%   { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

@-ms-keyframes move {
    0%   { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

@-webkit-keyframes move {
    0%   { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

#dim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;/* background:#000; */visibility:hidden;opacity:0;}
#dim.side{display:block;visibility:visible;opacity:0.5;z-index:1000;}


.sensor-area {
    gap: 10px;
    align-items: center;
}

.sensor-div {
    margin-top :7px;
    margin-right :5px;
    width: 100px;
    padding: 20px;
    background-color: #ffffff;
    color: black;
    text-align: left;
    border: 1px solid #cdc5c5;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    display:inline-block;
}

.sensor-div.on{
    border: 1px solid #4aad4a;
}
.sensor-div.on .indicator{
    background-color: #07ef07;
}

.indicator {
    width: 10px;
    height: 10px;
    background-color: grey;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
}

.title-container {
    width: 100%;
    border-bottom: 1.7px solid black;
}
.sensor-title {
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin: 0;
}

.c_Point{color:#FF4F00 !important;
    font-weight:700;}

.placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 370px;
    background-color: #ebebeb;
    color: black;
    text-align: center;
    font-size: 20px;
}

.placeholder.small{
    width: 50%;
    min-height: 100px;
    font-size: 15px;
}

.infoBox_gray {overflow:hidden;padding:20px;box-sizing:border-box;border-radius:17px;background:#f6f7fb;}
.list_dotRed {overflow:hidden;margin-top:10px;margin-left:-1px;}
.list_dotRed>li {display:block;position:relative;padding-left:10px;/* color:#000; */font-family:'Roboto','Noto Sans KR',sans-serif;/* font-size:16px; *//* font-weight:400; *//* line-height:1.6; */letter-spacing:-1px;}
.t_red {color:red !important;font-size:inherit;font-family:inherit;}


.sensor {
    margin-top :7px;
    margin-right :5px;
    width: 100px;
    padding: 20px;
    background-color: #ffffff;
    color: black;
    text-align: left;
    border: 1px solid #cdc5c5;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    display:inline-block;
}

.device-id {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px;
    color: #666;
}
.device-name {
    margin-top: 10px;
}

/* 🔹 동그라미 컨테이너 (오른쪽 상단 배치) */
.status-container {
    position: absolute;
    top: 5px;
    right: 10px;
    display: flex;
    gap: 5px; /* 동그라미 간격 */
}

/* 🔹 상태 표시 동그라미 */
.status-indicator {
    width: 10px;
    height: 10px;
    background-color: grey;
    border-radius: 50%;
}

.status-indicator.active {
    background-color: green;
}