@charset "utf-8";

@import url(../font/font.css);

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,button {
    margin: 0;
    padding: 0;
    font: 12px/1.5em "맑은 고딕", Gulim, 굴림, 돋움, Dotum, Sans-serif;
    color: #2c2c2c;
}

article,aside,dialog,footer,header,section,footer,nav,figure,hgroup {display: block;}
html {height: 100%;}
body {height: 100%;overflow: visible;margin: 0px;}
a {color: #3d3d3d;}
a:hover {/* opacity: .9; */filter: brightness(0.9);}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
img {border: 0;vertical-align: top;}
label,input,textarea,select {vertical-align: middle;}
ol,ul {list-style: none;}
table {border-collapse: collapse;table-layout: fixed;}
.skip,hr,legend {position: absolute;left: -1000%;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
button {text-align: center;}
button:hover {filter: brightness(0.9);}
button img {vertical-align: middle;}

input[type="checkbox"] {
    border: 1px solid #d1d1d1;
    margin: 0 5px 0 0;
}

input[type="text"],
input[type="number"],
input[type="password"],
select, textarea {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    height: 34px;
    padding: 0 10px;
    margin: 0;
}

.selectArea input[type="text"],
.selectArea input[type="number"],
.selectArea input[type="password"],
.selectArea select, .selectArea textarea {
    height: 24px;
}

table th {
    border-bottom: 1px solid #c9c9c9;
    background: #e9e9e9;
    border-right: 1px solid #d1d1d1;
}
table td {
    padding: 3px 0 5px;
    border-bottom: 1px solid #ddd;
    /* background: #fdfdfd; */
    text-align: left;
}


/*layout*/

#container {
    background: #f2f2f2 url(../../../common/images/admin/bg_navArea.png) repeat-y 211px 0;
}

#container {
    min-width: 1220px;
    position: absolute;
    top: 101px;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    overflow: hidden;
}

#wrap {
    position: absolute;
    height: auto;
    width: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    min-width: 0;
}


/*header*/

.header {
    font-size: 12px;
    background: #fff;
    border-bottom: solid 2px #3c3c3c;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 99px;
    padding: 0;
    display: grid;
    grid-template-columns: 212px 98px auto 198px;
    column-gap: 10px;
    align-items: center;
    grid-template-columns: 212px 98px auto 272px;
}
.header h1 {
    width: 222px;
    text-align: center;
}
.header h1 img {
    width: calc(100% - 20px);
}
.header h1+section {
    display: grid;
    align-content: space-between;
    height: 80px;
}

.header select {
    height: 24px;
    line-height: 24px;
    width: 98px;
}
.header button {
    display: block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    border: solid 1px #8b8b8b;
    background: url(../../../common/images/admin/bg_reset.png) repeat-x 0 0;
}
.header button img {
    vertical-align: middle;
    margin: 0 9px 0 2px;
}

.header .section {
    max-height: 100%;
    overflow: hidden;
}
.header .section table {
    border: solid 1px #b3b3b3;
    float: left;
    margin-left: 7px;
    overflow: hidden;
}
.header .section table th {
    width: 64px;
    height: 78px;
    *height: 80px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #8b8b8b;
    border-right: 0;
}
.header .section table th img {
    height: 30px;
    margin: 13px auto 11px;
    text-align: center;
    display: block;
}
.header .section table.pass th {background: #dd4c82;}
.header .section table.regist th {background: #33b9b9;}
.header .section table.refund th {background: #946ad9;}
.header .section table.send th {background: #ca1f25;}
.header .section table.fvupload th {background: #dd4c4c;}
.header .section table.change th {background: #289cdf;}
.header .section table td {padding: 0px 5px 0 6px;border-bottom: solid 1px #8b8b8b;}
.header .section table td:nth-last-child(2n+1) {font-weight: bold;min-width: 22px;}
.header .section table.pass td:nth-last-child(2n) {text-indent: 9px;}
.header .section table td:nth-last-child(3) {border-right: solid 1px #b8b8b8;}
.header .section table.pass {margin-left: 0;}
.header .section table.fvupload {margin-left: 0;}
.header .section table.pass td:nth-last-child(2n+1) {color: #dd4c82;}
.header .section table.regist td:nth-last-child(2n+1) {color: #33b9b9;}
.header .section table.refund td:nth-last-child(2n+1) {color: #946ad9;}
.header .section table.send td:nth-last-child(2n+1) {color: #ca1f25;}
.header .section table.fvupload td:nth-last-child(2n+1) {color: #ca1f25;}
.header .section table.change td:nth-last-child(2n+1) {color: #289cdf;text-align: center;}
.header .section table .type2 {margin-left: 6px;}
.header .section table .type3 {margin-left: 12px;}
.header .section table .type4 {margin-left: 24px;}
.header .section table.apply th {background: #eba320;}
.header .section table.apply td:nth-last-child(2n+1) {color: #eba320;}
.header .section table.apply {max-width: 350px;}

.header .userInfo {
    width: 178px;
    float: right;
    position: relative;
    width: 252px;
}
.header .userInfo p {
    padding: 5px 0 5px 10px;
    background: #dbdbdb;
    box-shadow: inset 0px 0px 4px #888;
}
.header .userInfo button {
    *width: 69px;
    background: #fff;
    border: solid 1px #8b8b8b;
    line-height: 28px;
    *line-height: 25px;
    height: 28px;
    padding: 0 10px;
    *padding: 0;
    *margin-right: 5px;
    position: static;
    display: inline;
    margin-top: 6px;
    width: 72px;
}
.header .userInfo button+button+button {
    *width: 94px;
    float: right;
    width: 100px;
}
.header .userInfo button img {
    vertical-align: -3px;
    *margin-top: -4px;
}

.header .section table.apply.type2 td {
    min-width: 25px;
    padding: 0 5px 0 10px;
    font-weight: bold;
    line-height: 78px;
}

#navArea .userInfo {
    padding: 0 20px 0 0;
    width: 178px;
    float: right;
    margin-bottom: 20px;
}
#navArea .userInfo p {
    padding: 5px 0 5px 10px;
    background: #f2f2f2;
    box-shadow: inset 0px 0px 4px #888;
}
#navArea .userInfo button {
    *width: 69px;
    background: #fff;
    border: solid 1px #8b8b8b;
    line-height: 28px;
    *line-height: 25px;
    height: 28px;
    padding: 0 10px;
    *padding: 0;
    *margin-right: 5px;
    position: static;
    display: inline;
    margin-top: 6px;
    width: 72px;
}
#navArea .userInfo button+button {
    *width: 94px;
    float: right;
    width: 100px;
}
#navArea .userInfo button img {
    vertical-align: -3px;
    *margin-top: -4px;
    padding-right: 8px;
}


/*navArea*/

#navArea {
    font-size: 12px;
    width: 212px;
    border-top: solid 1px #a2a2a2;
    height: 100%;
    background: #dbdbdb url(../../../common/images/admin/bg_navArea.png) repeat-y 211px 0;
}
#navArea .article {
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
    width: 211px;
    position: absolute;
    left: 0;
    top: 1px;
    left: 0;
    bottom: 0;
    right: 0;
    scrollbar-arrow-color: #939393;
    scrollbar-face-color: #fff;
    scrollbar-track-color: #f3f3f3;
    scrollbar-shadow-color: #d5d5d5;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #d5d5d5;
    scrollbar-darkshadow-color: #d5d5d5;
}
#navArea .article>p {
    padding: 8px 0 0 20px;
    font-size: 11px;
}
#navArea .article>p span {
    display: block;
    font-size: 12px;
}

.btn_nav {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 211px;
    width: 14px;
    height: 55px;
    background: #668ad7;
    overflow: hidden;
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    z-index: 90;
    box-shadow: 1px 1px 3px #777;
    /* border-top: solid 1px #dbdbdb; */
    /* text-shadow: 1px 1px 1px #555; */
}
.btn_nav img {
    margin-top: 3px;
    /* filter: drop-shadow(1px 2px 1px #555); */
}

.serviceInfo {
    background: #dbdbdb;
    padding: 12px 14px 16px 14px;
    width: 182px;
}
.serviceInfo select {
    width: 178px;
    height: 24px;
    margin: 2px 2px 2px 2px;
}

.userInfo .stayTime {
    position: relative;
    float: left;
    margin-bottom: 5px;
    width: 128px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    border: 1px solid #0d5ed5;
    text-indent: 10px;
    background: #fff;
}
.userInfo .stayTime span#LimitTime {
    position: absolute;
    right: 20px;
    top: 0px;
    color: #0d5ed5;
    letter-spacing: -1px;
    font-weight: bold;
}
.userInfo button.addTime {
    border: 0;
    background: #0d5ed5;
    color: #fff;
    height: 28px;
    box-sizing: border-box;
    display: inline-block;
}


/*사파리+크롬핵*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .userInfo button {
        line-height: 28px;
    }
}

.gnb {
    margin-bottom: 25px;
}
.gnb>dl {
    width: 210px;
}
.gnb>dl a {
    display: block;
    padding-left: 20px;
    margin-right: 1px;
}
.gnb>dl dt a {
    height: 28px;
    padding-top: 15px;
    overflow: hidden;
    margin-right: 1px;
    background: #fff;
    border-bottom: solid 1px #c5c5c5;
}
.gnb>dl dt img {
    margin-right: 19px;
    margin-top: 0px;
}
.gnb>dl ul {
    display: none;
}
.gnb>dl dd a {
    height: 34px;
    line-height: 34px;
    margin-right: 1px;
    padding-left: 38px;
    background: #e8e8e8 url(../../../common/images/admin/bg_nav2.png) no-repeat 25px -22px;
}

.gnb>dl.active {}
.gnb>dl.active dt {
    background: #0b4eb1;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
}
.gnb>dl.active dt img {
    margin-top: -60px;
}
.gnb>dl.active dt a {
    color: #fff;
    background: url(../../../common/images/admin/bg_nav.png) no-repeat 175px 18px;
}

.gnb>dl.active dd a {
    color: #3d3d3d;
    border: 0;
    padding-top: 0;
    background: #e8e8e8 url(../../../common/images/admin/bg_nav2.png) no-repeat 25px -22px;
}
.gnb>dl.active dd a:hover {
    background: #fbfbfb url(../../../common/images/admin/bg_nav2.png) no-repeat 25px 12px;
    color: #0d5ed5;
    margin-right: 0;
}
.gnb>dl.active dd .active {
    background: #fff url(../../../common/images/admin/bg_nav2.png) no-repeat 25px 12px;
    color: #0067ff;
    margin-right: 0;
}

.gnb>dl.active+dl {
    border-top: solid 1px #c5c5c5;
}

.downBtn {
    display: block;
    margin: 15px 20px 0;
    font: 600 12px/33px 'Noto Sans KR', 'Malgun Gothic';
    background: #fff;
    border: solid 1px #8b8b8b;
    text-align: center;
}
.downBtn span {
    font: 600 12px/33px 'Noto Sans KR', 'Malgun Gothic';
    color: #dd4c4c;
}
.downBtn img {
    vertical-align: middle;
    margin-left: 6px;
}


/*contentsArea*/

#contentsArea {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 212px;
    right: 0;
    bottom: 0;
    width: auto;
    overflow: auto;
    /* min-width: 995px; */
    border-left: 1px solid #68727c;
}

.hgroup {
    /* background: #fff url(../../../common/images/admin/blot_h2.png) no-repeat 30px 21px; */
    /* height: 34px; */
    border-top: solid 1px #a2a2a2;
    /* border-bottom: solid 1px #a2a2a2; */
    /* padding: 20px 0 0 0; */
    min-width: 950px;
    /* margin-top: -1px; */
    position: sticky;
    top: 0px;
    z-index: 80;
}
.hgroup span {
    display: inline;
    margin: 0 15px 0 59px;
    color: #000;
    font-weight: bold;
}
.hgroup p {
    display: inline;
    color: #0d5ed5;
}

.btnbox {
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 20px;
}
.btnbox a {
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #6a9bff, #224a9b);
    background: #4d73c3;
}

.selectArea {
    /* position: relative; */
    border-bottom: solid 1px #a2a2a2;
    /* min-width: 930px; */
    margin-bottom: -1px;
}

.selectArea fieldset {
    margin: 5px 0 8px 63px;
    *margin: 5px 0 5px 63px;
    border: 0;
}
.selectArea dl {
    overflow: hidden;
    width: 100%;
    position: relative;
    top: -1px;
}
.selectArea dt {
    float: left;
    width: 99px;
    color: #c92020;
    font-weight: bold;
    line-height: 28px;
    padding: 2px 0 0 10px;
    background: url(../../../common/images/admin/arrow_black.png) no-repeat 0 12px;
}
.selectArea dd {
    margin-left: 109px;
    padding: 5px 0 0;
}
.selectArea dd label {
    margin-right: 12px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.selectArea dd label:first-child {
    margin-left: 0;
}
.selectArea dd img {
    vertical-align: middle;
}

.selectArea button.search {
    background: #434343;
    height: 22px;
    line-height: 28px;
    *line-height: 23px;
    letter-spacing: 12px;
    border: 0;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    width: 100px;
    margin-left: 20px;
    margin-top: -1px;
    border-radius: 2px;
}
.selectArea button img {
    vertical-align: -1px;
    margin-left: 8px;
    *margin-left: 0;
}

.selectArea .helper {
    position: absolute;
    width: 100%;
    top: 63px;
    left: 440px;
}
.selectArea .helper img {
    cursor: pointer;
}
.selectArea .helper p {
    display: none;
    position: absolute;
    top: -57px;
    left: -82px;
    height: 41px;
    padding-top: 15px;
    width: 183px;
    text-align: center;
    color: #f24a00;
    background: url(../../../common/images/admin/helper_bg.png) no-repeat 0 0;
}

.selectArea input[type="checkbox"] {
    /* margin: 0px 3px 0 0; */
    /* vertical-align: top; */
}
.selectArea.type2 dt {
    width: 60px;
}


/*사파리+크롬핵*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .selectArea button.search {
        line-height: 26px;
    }
}

.print_dl dt {
    line-height: 18px;
    padding: 2px 0 0 7px;
    background: url(../../../common/images/admin/arrow_black.png) no-repeat 0 8px;
}

.tabmenu {
    border-top: solid 1px #a2a2a2;
    border-bottom: solid 1px #a2a2a2;
    background: #fff;
    overflow: hidden;
    width: 100%;
    min-width: 950px;
    margin-top: -1px;
}
.tabmenu li {
    float: left;
    border-right: solid 1px #a2a2a2;
}
.tabmenu li a {
    display: block;
    text-align: center;
    padding: 0 20px;
    font: bold 14px/40px 'Malgun Gothic';
    color: #000;
}
.tabmenu li.active a {
    background: #084195;
    color: #fff;
}


/*table*/

#contents {
    padding: 20px;
}
#contents table {
    width: 100%;
    background: #fff;
}
#contents thead th {
    border-bottom: 0;
}
#contents table caption {
    color: #f2f2f2;
}

#contents th {
    font-weight: bold;
    color: #000;
    padding: 10px 3px 7px;
    text-align: center;
    border: solid 1px #a2a2a2;
}
#contents th b {
    position: relative;
}
#contents td {
    border: solid 1px #a2a2a2;
    padding: 9px 3px 6px;
    text-align: center;
    word-break: break-all;
}

#contents .newTable thead td {background: #fbfdff;}
#contents table .yellow {background: #fbf1ac;}
#contents table .gray {background: #d1d0d0;}
#contents table.fixed {width: 951px;background: #fff;}


/*테이블 넓이값 고정*/

#contents table td label {
    /* margin-left: 5px; */
}
#contents table td label:first-child {
    /* margin-left: 0; */
}

#contents table td input {
    /* margin-top: -3px; */
}

#contents table td textarea {
    width: 96.6%;
    min-height: 100px;
}

#contents .tableWrap {
    border: solid 1px #000;
    overflow: hidden;
}

#contents .leftTable {
    width: 100%;
    margin-top: -1px;
    margin-left: -1px;
    *position: relative;
    *top: -1px;
    *z-index: -1;
}
#contents .leftTable th {
    border-bottom: 0;
    border-right: 0;
    text-align: left;
    background: #e8f8ff;
    color: #383838;
    font-weight: bold;
    padding: 15px;
    padding-left: 22px;
    border-bottom: 1px solid #d5d5d5;
}
#contents .leftTable td {
    border-bottom: 0;
    border-right: 0;
    text-align: left;
    padding: 15px;
    padding-left: 22px;
    border-bottom: 1px solid #d5d5d5;
}

.fileinput {
    display: inline-block;
    position: relative;
    height: 22px;
    width: 500px;
    background: url(../../../common/images/admin/nfindFile.png) no-repeat right 0px;
}

#contents .fileinput textarea {
    background: #fff;
    border: solid 1px #949494;
    z-index: 78;
    height: 20px;
    display: block;
    vertical-align: top;
    overflow: hidden;
    padding: 0 3px;
    line-height: 160%;
    font-family: 돋움;
    font-size: 12px;
    min-height: 0;
    width: 430px;
    position: absolute;
}
#contents .fileinput input {
    position: absolute;
    right: 0;
    z-index: 79;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%;
    margin-top: 0;
}
.fileinput ~ .sBtn {
    margin: 0px 0 0 1px;
    line-height: 22px;
}

.table00 {
    width: 100%;
    text-align: center;
    box-shadow: 0 1px 1px #999;
    border-top: 0;
}
.table00 th {
    padding: 7px 10px;
    font-weight: 600;
}
.table00 td {
    padding: 7px 10px;
}
.table00 td label {
    margin-right: 20px;
}
.table00 td label:last-child {
    margin: 0;
}
.table00 td input {
    /* padding: 3px 0 5px; */
    /* border-bottom: 2px solid #ddd; */
}
.table00 td input#regist_id {
    min-width: 400px;
    margin-bottom: 5px;
}

.table01 {
    width: 100%;
    text-align: center;
    border-top: 2px solid #092c74;
}

.table01 tr,
.table02 tr {
    border-bottom: 1px solid #d1d1d1;
}
.table01 th {
    /* background: #f1f1f1; */
    padding: 4px 10px 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: middle;
}
.table01 td {
    padding: 4px 10px 4px;
}
.table01 p {
    display: inline-block;
    vertical-align: middle;
}

.table01 input[type="checkbox"] {
    width: auto;
}
.table01 input[type="datetime-local"] {
    color: #2c2c2c;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    height: 34px;
    padding: 0 10px;
    margin: 0;
}
.table00 input[type="text"],
.table01 input[type="text"],
.table01 select {
    height: 34px;
    padding: 0 10px;
}
.table01 input[type="button"]:not(.link) {
    height: 28px;
    border: none;
    border-radius: 2px;
}


/*tooltip*/

.tooltip {
    display: none;
    position: absolute;
    bottom: 80px;
    min-width: 150px;
    left: 50%;
    padding: 15px 15px 15px 55px;
    color: #fff;
    background: #2a417c url(../../../common/images/admin/tooltip_i.png) 15px center no-repeat;
    transform: translatex(-50%);
    font-size: 12px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 10px;
}
.tooltip:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    border-top: 10px solid #2a417c;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: -10px;
}

#contents th:hover .tooltip {
    display: block;
}


/*table-배너관리*/

#contents .normalTable {}
#contents .normalTable th {
    /* background: #e2e2e2; */
    /* padding: 10px 3px 7px; */
}


/*td만 왼쪽정렬*/

#contents .normalTable2 {}
#contents .normalTable2 td {
    text-align: left;
    padding-left: 25px;
}


/*모두 왼쪽정렬*/

#contents .normalTable3 {}
#contents .normalTable3 th {
    background: #e2e2e2;
    text-align: left;
    padding: 10px 3px 7px 25px;
}
#contents .normalTable3 td {
    text-align: left;
    padding-left: 25px;
}


/*대상자검색*/

#contents .case>td {
    padding: 0 0 13px;
    background: #f2f2f2;
}

#contents .case>td .tabmenu {
    background: #fff url(../../../common/images/admin/tabmenu_bg.png) repeat-x 0 40px;
    height: 51px;
    border: 0;
    min-width: auto;
}
#contents .case>td .tabmenu li {
    padding-bottom: 14px;
    border-right: 0;
}
#contents .case>td .tabmenu a {
    border-left: solid 1px #a2a2a2;
}
#contents .case>td .tabmenu li:first-child a {
    border: 0;
}
#contents .case>td .tabmenu .active {
    background: url(../../../common/images/admin/tabmenu_bg2.png) no-repeat center 40px;
}

#contents .case .tableWrap {
    border: 0;
    padding: 0 20px 11px;
}
#contents .case>td .tableWrap th {
    background: #fefbdf;
    font-weight: normal;
    text-align: center;
}
#contents .case>td .tableWrap td {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
#contents .case>td .tableWrap td input[type=text] {
    width: 100%;
    border: solid 1px #808080;
    height: 18px;
    line-height: 18px;
}
#contents .case>td .tableWrap .title {
    font-weight: bold;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}
#contents .case>td .search img {
    margin-right: 12px;
}

.listArea {
    border: solid 1px #0d5ed5;
    padding: 21px 23px 10px 23px;
    background: #fff;
    margin-bottom: 6px;
}
.listArea li {
    margin-bottom: 8px;
    color: #000;
}
.listArea li img {
    margin-right: 7px;
    vertical-align: -4px;
}
.listArea .listComment {
    padding-left: 15px;
}

.intxt {
    border: solid 1px #808080;
    height: 18px;
    line-height: 18px;
}

.settingArea table {
    width: 100%;
    *zoom: 1;
}
.settingArea table th {
    background: #fefbdf;
    text-align: center;
    border-left: solid 1px #bababa;
    border-top: solid 1px #bababa;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 3px;
}
.settingArea table thead th {
    text-align: center;
}
.settingArea table tbody th {
    text-align: left;
    padding-left: 15px;
}
.settingArea table td {
    border-left: solid 1px #bababa;
    border-top: solid 1px #bababa;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 15px;
}
.settingArea table .al {
    text-align: left;
    padding-left: 15px;
}
.settingArea table .ac {
    text-align: center;
    padding-left: 0;
}
.settingArea table tbody.ac .al {
    padding-left: 40px;
    text-align: left;
}
.settingArea table tbody.ac td {
    text-align: center;
    padding-left: 0;
}

.setting {
    width: 380px;
    background: #fff url(../../../common/images/admin/set_bg02.png) repeat-x 0 0;
    border-bottom: solid 1px #b3b5b5;
}
.setting>dl {
    border-top: solid 2px #fff;
    border-bottom: solid 1px #515151;
}
.setting>dl>dt {
    background: #f2f2f2;
    color: #cc0c0c;
    font-weight: bold;
    padding: 13px 0 8px 42px;
    position: relative;
}
.setting>dl>dt label {
    position: absolute;
    top: 12px;
    right: 50px;
}
.setting>dl>dt>a {
    display: block;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 12px;
    right: 20px;
    overflow: hidden;
}
.setting>dl>dd>table {
    margin-top: -1px;
    margin-left: -1px;
}
.setting>dl>dd {
    background: #fff;
    border-top: solid 1px #b3b5b5;
}
.setting>dl.off>dt {
    background-position: 21px -34px;
}

.setting>dl.off>dt a img {
    margin-top: -48px;
}

.setting>dl.off>dd {
    display: none;
}

.setting .region .sBtn3 {
    margin-left: 5px;
}
.setting label {
    margin-left: 20px;
}
.setting td label:first-child {
    margin-left: 0;
}
.setting td input+label {
    margin-left: 5px;
}

.setting .bgweakgray {
    background: #fefbdf;
}

.setting>table {
    width: 382px;
    margin: -1px;
}
.setting table input[type=text] {
    width: 92%;
    margin-top: -1px;
    border-top: solid 1px #979797;
    border-left: solid 1px #979797;
    background: #ebebeb;
    height: 16px;
    padding-top: 3px;
    padding-left: 5px;
}
.setting table input[type=text]~.btn {
    margin-top: -1px;
}
.setting table input[type=radio],
.setting table input[type=checkbox] {
    vertical-align: -3px;
}

.setting .btn_ac {
    text-align: center;
    margin: 15px 0;
}
.setting .btn_ac a {
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin: 0 3px;
}

.setting .logo {
    display: block;
    max-width: 250px;
    margin-bottom: 8px;
}

.setting table td .colorbox,
.setting table td .colorbox2 {
    width: 73%;
    color: #fff;
}

.setting .no {
    display: block;
    padding: 18px 0 0 48px;
    height: 27px;
    font-weight: bold;
    color: #cc0c0c;
}
.setting .no b {
    position: absolute;
    bottom: 0;
    left: 15px;
    display: block;
    height: 28px;
    overflow: hidden;
}
.setting .no.open b img {
    margin-top: -28px;
}

.setting h4 {
    position: relative;
    height: 45px;
    overflow: hidden;
}
.setting h4 .region.right a.nav {
    display: block;
    padding: 0;
    position: absolute;
    width: 20px;
    right: 0;
    margin: 0;
    top: 0;
    cursor: pointer;
    text-align: left;
}
.setting h4 .region.right a.nav img {
    margin-top: -40px;
}
.setting h4 .region.right a.nav.open img {
    margin-top: 4px;
}
.setting h4 .right.region {
    float: none;
    position: absolute;
    top: 15px;
    padding-right: 32px;
    right: 6px;
    font-weight: bold;
    color: #000;
}

.setting .textarea {
    height: 48px;
    width: 98%;
    overflow: hidden;
    line-height: 180%;
    border: 0;
    border-top: solid 1px #979797;
    border-left: solid 1px #979797;
    background: #ebebeb;
}

.setting .align {
    font-size: 0;
    text-align: center;
}
.setting .align a {
    display: inline-block;
    margin: 9px 6px;
    width: 23px;
    height: 14px;
    background: url(../../../common/images/admin/align.png) no-repeat 0 0;
}
.setting .align .center {background-position: -40px 0;}
.setting .align .right {background-position: -80px 0;}
.setting .align .left.on {background-position: 0 -24px;}
.setting .align .center.on {background-position: -40px -24px;}
.setting .align .right.on {background-position: -80px -24px;}

.setting a.in_btn {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background: #dd4c4c;
}

.togglePaletteOnly {
    display: inline-block !important;
}


/*popup*/

.popupArea {
    background: none;
}
.popup {
    padding: 2px;
}

.popup .head {
    position: relative;
    height: 55px;
    background: #fff;
}
.popup .head h1 {
    position: absolute;
    top: 12px;
    left: 23px;
}
.popup .head h1 img {
    height: 33px;
}
.popup .head p {
    position: absolute;
    top: 20px;
    right: 14px;
}
.popup .head p a {
    font-weight: bold;
}
.popup .head p img {
    vertical-align: -4px;
    margin-right: 4px;
}

.popup .container {
    background: #eaeaea;
    padding: 16px 16px 1px;
}
.popup h2 {
    font: bold 33px/89px 'Malgun Gothic', 맑은고딕;
    height: 89px;
    text-align: center;
    color: #fff;
    letter-spacing: -2px;
}
.popup>p {
    padding: 6px 13px 2px 0;
    text-align: right;
}

.notice {
    border: solid 1px #aaa;
    background: #fff;
    padding: 20px;
}
.notice .blot {
    padding-left: 20px;
    text-indent: -20px;
}
.notice .blot img {
    vertical-align: -4px;
}

.popup .btn_before {
    text-align: right;
    margin: 9px 0;
    display: inline-block;
    border: solid 1px #393939;
    background: #fff;
    font-weight: bold;
    color: #393939;
    padding: 5px 5px 0;
}
.popup .btn_before img {
    margin-right: 5px;
    vertical-align: 0px;
}

.popup table {
    border-collapse: collapse;
    background: #1f4fa3;
    width: 100%;
    margin-bottom: 13px;
}
.popup table td {
    border: 0;
    background: #fff;
    text-align: center;
    padding: 13px 5px 9px;
    border: solid 1px #ccc;
}
.popup table th {
    border: 0;
    background: url(../../../common/images/admin/th_bg.png) repeat 0 0;
    font: bold 13px 'Malgun Gothic', 맑은고딕;
    color: #000;
    text-align: center;
    padding: 8px 5px;
    letter-spacing: -1px;
    border: solid 1px #ccc;
}

.popup table.heightTable {}
.popup table.heightTable td {
    text-align: left;
    padding: 7px 0 0 23px;
}
.popup table.heightTable th {
    text-align: right;
    padding: 10px 17px 10px 17px;
}

.popup>h1 {
    color: #fff;
    font: bold 15px 'Malgun Gothic', 맑은고딕;
    padding: 2px 0 5px 15px;
}

.popup .serchArea {
    border: solid 1px #aaa;
    background: #fff;
    padding: 10px 0;
    margin-bottom: 11px;
}
.popup .serchArea p {
    padding: 5px 0;
}

.popup .serchArea p .label {
    font: bold 13px 'Malgun Gothic', 맑은고딕;
    display: inline-block;
    width: 128px;
    padding-right: 25px;
    text-align: right;
    color: #000;
    letter-spacing: -1px;
}

.inbox {
    display: inline-block;
    width: 229px;
    *display: inline;
}
.inbox input {
    width: 227px;
    height: 28px;
    line-height: 28px;
    border: solid 1px #a2a2a2;
    background: #ebebeb;
}
.inbox input:focus {
    border: 0;
    margin: 2px;
    width: 225px;
    height: 26px;
}


/**/

.excelpop {
    overflow: hidden;
    min-width: 750px;
    width: 750px;
}
.excelpop button {
    padding: 0;
    margin: 0;
    background: 0;
    border: 0;
}

.tabMenu2 {
    overflow: hidden;
    width: 100%;
    *width: 100.1%;
}
.tabMenu2 li {
    float: left;
    width: 50%;
}
.tabMenu2 li>a {
    display: block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border: solid 1px #a3a3a3;
    border-right: 0;
    border-top: 0;
    background: #dfdfdf;
}
.tabMenu2 li>a img {
    margin: -117px 12px 0 0;
    *margin: -137px 12px 0 0;
}
.tabMenu2 li>a.on {
    margin-left: -1px;
    background: #fff;
    color: #d93838;
    font-weight: bold;
    border-bottom: solid 1px #fff;
}
.tabMenu2 li>a.on img {
    margin: 15px 12px 0 0;
    *margin: 15px 12px 0 0;
    *vertical-align: -134px;
}

.excelpop>div {
    padding: 30px 20px;
}
.excelpop>div>ul {
    padding: 0 0 20px;
    margin: 0 0 30px;
    border-bottom: dotted 1px #737373;
}
.excelpop>div>ul li {
    padding-left: 14px;
    margin-bottom: 5px;
    background: url(../../../common/images/admin/black_blot.png) no-repeat 0 6px;
}
.excelpop .userBox ul {
    margin-bottom: 17px;
}

.excelpop p {
    margin-top: 7px;
}
.excelpop p label {
    padding-left: 21px;
    background: url(../../../common/images/admin/gray_blot.png) no-repeat 0 center;
}
.excelpop p label b {
    display: inline-block;
    width: 76px;
}
.excelpop p label input[type=text] {
    margin-left: 16px;
    width: 149px;
    height: 21px;
    line-height: 21px;
    background: #ebebeb;
    border: solid 1px #979797;
    border-bottom: 0;
    border-right: 0;
}
.excelpop p label input+a {
    vertical-align: -1px !important;
}
.excelpop p label select {
    margin-left: 16px;
    min-width: 150px;
    height: 25px;
    line-height: 25px;
    font-size: 12px !important;
}

.excelpop .userBox {}
.excelpop .userBox>div {
    margin: 26px 0 13px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.excelpop .userBox>div h2 {
    margin: 0;
    padding: 11px 0 0 15px;
    height: 27px;
    font-weight: bold;
    color: #3d3d3d;
    background: #fff;
    border-bottom: solid 1px #a2a2a2;
}

.excelpop .userBox>div .optionBoxA {
    position: relative;
    float: left;
    *position: absolute;
    width: 43%;
    height: 245px;
    border: solid 2px #898989;
    background: #ededed;
}
.excelpop .userBox>div .optionBoxA button {
    position: absolute;
    top: 11px;
    right: 16px;
    color: #d93838;
    *width: 110px;
}
.excelpop .userBox>div .optionBoxA button img {
    margin-right: 6px;
    vertical-align: -2px;
}
.excelpop .userBox>div .optionBoxA>div {
    overflow-y: scroll;
    height: 206px;
}

.excelpop .userBox>div .optionBoxA dl {
    background: url(../../../common/images/admin/i_plus03.png) no-repeat 22px 10px;
}
.excelpop .userBox>div .optionBoxA dl:hover {
    background: #fff url(../../../common/images/admin/i_plus03_on.png) no-repeat 22px 10px;
}
.excelpop .userBox>div .optionBoxA dl:hover dt {
    color: #d93838;
}
.excelpop .userBox>div .optionBoxA dt {
    padding: 8px 0 0 44px;
    height: 23px;
    cursor: pointer;
}
.excelpop .userBox>div .optionBoxA dl dd:hover {
    color: #d93838;
}
.excelpop .userBox>div .optionBoxA dd {
    display: none;
    padding: 4px 0 6px 44px;
    font-size: 11px;
}
.excelpop .userBox>div .optionBoxA dl.active {
    background: #d4d4d4 url(../../../common/images/admin/i_hyphen.png) no-repeat 22px 10px;
}
.excelpop .userBox>div .optionBoxA dl.active:hover {
    background: #d4d4d4 url(../../../common/images/admin/i_hyphen.png) no-repeat 22px 10px;
}
.excelpop .userBox>div .optionBoxA dl.active:hover dt {
    color: #3d3d3d;
}
.excelpop .userBox>div .optionBoxA dl.active dt {
    font-weight: bold;
}
.excelpop .userBox>div .optionBoxA dl.active dd {
    display: block;
}

.excelpop .userBox>div .optionBoxB {
    background: #ededed;
    float: right;
    width: 43%;
    height: 247px;
    border: solid 1px #898989;
}
.excelpop .userBox>div .optionBoxB table {
    width: 100%;
}
.excelpop .userBox>div .optionBoxB a {
    border: solid 1px #a2a2a2;
    border-right: 0;
    display: block;
    vertical-align: top;
    height: 20px;
    padding: 18px 0 0;
    overflow: hidden;
    text-align: center;
    background: #fff;
    font-size: 11px;
    font-weight: 600;
}

.excelpop .userBox>div .optionBoxB ul {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    overflow: hidden;
    border-right: solid 1px #a2a2a2;
}
.excelpop .userBox>div .optionBoxB li {
    position: relative;
    float: left;
    width: 45px;
}
.excelpop .userBox>div .optionBoxB li img {
    position: absolute;
    top: 7px;
    left: 18px;
}
.excelpop .userBox>div .optionBoxB li:hover a {
    background: #0d5ed5;
    color: #fff;
}
.excelpop .userBox>div .optionBoxB li:hover img {
    top: -102px;
}

.excelpop .userBox>div .optionBoxB tr:hover {
    background: #dedede;
    cursor: pointer;
}
.excelpop .userBox>div .optionBoxB tr.active th,
.excelpop .userBox>div .optionBoxB tr.active td {
    background: #fff;
}
.excelpop .userBox>div .optionBoxB th {
    font: 12px Verdana;
    word-break: break-all;
    letter-spacing: -1px;
    text-align: left;
    padding: 8px 0 7px 20px;
    vertical-align: top;
}
.excelpop .userBox>div .optionBoxB td {
    border: 0 !important;
    vertical-align: top;
    padding: 7px 0 7px 20px;
}
.excelpop .userBox>div .optionBoxB div {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5px 0;
    height: 198px;
}

.excelpop .userBox>div>p {
    position: absolute;
    top: 92px;
    left: 50%;
    width: 86px;
    margin-left: -43px;
    text-align: center;
}
.excelpop .userBox>div>p button {
    width: 61px;
    height: 29px;
    line-height: 29px;
    border: solid 1px #8a8a8a;
    color: #393939;
    font-weight: bold;
}
.excelpop .userBox>div>p button img {
    margin-left: 6px;
    vertical-align: -4px;
}
.excelpop .userBox>div>p button.add {
    color: #d93838;
    border: solid 1px #d93838;
    margin-bottom: 4px;
}

.excelpop .btn_ar {
    width: 100%;
    overflow: hidden;
}
.excelpop .btn_ar a {
    display: block;
    width: 43%;
    padding: 9px 1px 7px;
    background: #0d5ed5;
    float: right;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.excelpop .btn_ar a img {
    margin-right: 11px;
    vertical-align: -1px;
}


/*btn*/

.btn {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 25px;
    *line-height: 22px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    border: 0;
    vertical-align: top;
    white-space: nowrap;
}
.btn img {
    vertical-align: -2px;
    margin-right: 10px;
}

.btn2 {
    display: inline-block;
    height: 27px;
    line-height: 30px;
    *line-height: 27px;
    font-weight: bold;
    color: #fff;
    padding: 3px 10px 0;
    margin: 10px 0;
    border: 0;
    vertical-align: top;
    display: block;
    text-indent: 12px;
    position: relative;
}
.btn2.color24 {
    display: inline-block;
    height: 25px;
    line-height: 28px;
    *line-height: 25px;
    font-weight: bold;
    color: #393939;
    padding: 3px 10px 0;
    margin: 10px 0;
    border: 0;
    display: block;
    text-indent: 12px;
    position: relative;
    color: #393939;
    border: solid 1px #8b8b8b;
}
.btn2 img {
    position: absolute;
    top: 9px;
    right: 12px;
}
.btn2.color24 img {
    top: 8px;
}

.btn3 {
    cursor: pointer;
    display: inline-block !important;
    padding: 2px 10px 0 !important;
    height: 28px !important;
    line-height: 28px !important;
    *line-height: 27px !important;
    font-weight: bold !important;
    color: #fff !important;
    border-radius: 4px;
    border: 0 !important;
    vertical-align: top !important;
}
.btn3 img {
    vertical-align: -2px !important;
    margin-right: 10px !important;
}
.btn3.color24 {
    height: 28px !important;
    padding: 0 9px !important;
    line-height: 29px !important;
    font-weight: bold !important;
    color: #393939 !important;
    border: 0 !important;
    border: solid 1px #8b8b8b !important;
}


/*사파리+크롬핵*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .btn3 {
        line-height: 27px !important;
    }
}

.sBtn {
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    margin: 1px;
    height: 19px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    border: 0;
    vertical-align: top;
    border-radius: 2px;
}

.sBtn2 {
    cursor: pointer;
    display: inline-block;
    margin: 1px;
    height: 30px;
    line-height: 33px;
    font-weight: bold;
    color: #fff;
    padding: 0 16px;
    border: 0;
    vertical-align: top;
}
.sBtn2.color24 {
    height: 28px;
    line-height: 31px;
    font-weight: bold;
    color: #393939;
    padding: 0 9px;
    border: 0;
    border: solid 1px #8b8b8b;
}

.sBtn3 {
    display: inline-block !important;
    height: 21px;
    line-height: 27px;
    padding: 0 16px !important;
    font-size: 11px !important;
    font-family: 돋움, Dotum !important;
    font-weight: bold !important;
    color: #fff !important;
    border: 0 !important;
    vertical-align: top !important;
}
.sBtn3.color24 {
    height: 19px !important;
    padding: 0 9px !important;
    line-height: 21px !important;
    font-weight: bold !important;
    color: #393939 !important;
    border: 0 !important;
    border: solid 1px #8b8b8b !important;
}


/*이미지폰트작은버튼*/

.btn4 {
    display: inline-block !important;
    height: 21px !important;
    line-height: 24px !important;
    *line-height: 24px !important;
    padding: 0 10px !important;
    font-weight: bold !important;
    color: #fff !important;
    font-size: 11px !important;
    font-family: 돋움, Dotum !important;
    border: 0 !important;
    vertical-align: top !important;
}
.btn4 img {
    vertical-align: -3px !important;
    margin-right: 10px !important;
}

.btn4.color24 {
    height: 19px !important;
    padding: 0 9px !important;
    line-height: 25px !important;
    font-weight: bold !important;
    color: #393939 !important;
    font-size: 11px !important;
    border: 0 !important;
    border: solid 1px #8b8b8b !important;
}


/*작은버튼*/

.sBtn {
    display: inline-block !important;
    height: 22px;
    line-height: 22px;
    padding: 0 10px !important;
    font-weight: bold !important;
    color: #fff !important;
    border: 0 !important;
    vertical-align: top !important;
}


/*큰버튼*/

.sBtn2 {
    display: inline-block !important;
    height: 30px;
    line-height: 33px;
    padding: 0 16px !important;
    font-weight: bold !important;
    color: #fff !important;
    border: 0 !important;
    vertical-align: top !important;
}
.sBtn2.color24 {
    height: 28px !important;
    padding: 0 9px !important;
    line-height: 31px !important;
    font-weight: bold !important;
    color: #393939 !important;
    border: 0 !important;
    border: solid 1px #8b8b8b !important;
}
.color01 {background: #d63c9e !important;}
.color02 {background: #cc3e6c !important;}
.color03 {background: #ff5523 !important;}
.color04 {background: #dd4c4c !important;}
.color05 {background: #d93838 !important;}
.color06 {background: #0d5ed5 !important;}
.color07 {background: #d70741 !important;}
.color08 {background: #cc6306 !important;}
.color09 {background: #72564b !important;}
.color10 {background: #9aa676 !important;}
.color11 {background: #968600 !important;}
.color12 {background: #6a7b47 !important;}
.color13 {background: #3ba67b !important;}
.color14 {background: #3e9300 !important;}
.color15 {background: #00abf0 !important;}
.color16 {background: #008b9a !important;}
.color17 {background: #43919c !important;}
.color18 {background: #1f86e3 !important;}
.color19 {background: #1f4fa3 !important;}
.color20 {background: #2e3083 !important;}
.color21 {background: #33566a !important;}
.color22 {background: #808080 !important;}
.color23 {background: #383838 !important;}
.color24 {
    background: #fff !important;
    color: #393939 !important;
    border: solid 1px #8b8b8b !important;
    padding: 0 9px !important;
    height: 20px !important;
    line-height: 24px !important;
}
.color25 {background: #ef7831 !important;}
.color26 {background: #d6921c !important;}
.color27 {background: #0c8f72 !important;}
.color28 {background: #2470b6 !important;}
.color29 {background: #4c65e0 !important;}
.color30 {background: #4e7dce !important;}
.color31 {background: #646464 !important;}
.color32 {background: #000000 !important;}
.color33 {background: #081aef !important;}
.color34 {background: #1e66e3 !important;}

.btnArrow {
    padding: 20px 0;
    margin: 0 auto;
}
.btnArrow a {
    display: block;
    text-align: left;
    height: 23px;
    padding-top: 7px;
    padding-right: 30px;
    margin: 0 auto 8px;
    padding-left: 13px;
    background-image: url(../../../common/images/admin/i_arrow.png);
    background-repeat: no-repeat;
    background-position: right 9px;
    text-align: left;
    color: #fff;
    font-weight: bold;
}
.btnArrow .color24 {
    height: 21px;
    padding-top: 6px;
    line-height: 17px;
    padding-right: 29px;
    margin: 0 auto 8px;
    padding-left: 12px;
    background-image: url(../../../common/images/admin/i_arrow02.png);
    color: #393939;
}


/*etc*/

.colorBox, .colorBox2 {
    color: #fff;
    height: 17px;
    padding-top: 3px;
    width: 50px;
    display: inline-block;
    text-align: center;
}

.btn_ac {margin: 0 auto;}
.fixed {width: 951px;}
.ar {text-align: right;}
.ac {text-align: center;}
.btn_c {text-align: center;*margin-top: 15px;}
.al {text-align: left;}

.pb27 {padding-bottom: 17px !important;}
.mt20 {margin-top: 20px !important;}
.mb13 {margin-bottom: 13px !important;}
.ml-20 {margin-left: -20px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml75 {margin-left: 75px !important;}
.mb7 {margin-bottom: 7px !important;}
.mr-40 {margin-left: -40px !important;}
.br0 {border-right: 0 !important;}

label+a {vertical-align: middle !important;}


/*2013버전 popup*/

.popWrap {
    position: absolute;
    border: 3px solid #c93c31;
    background: #fff;
    z-index: 1005;
}
.popWrap h1 {
    background: #c93c31;
    font-family: '맑은 고딕', 'NanumGothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
}
.popWrap h1 span {
    color: #fff;
    padding-left: 10px;
}
.popWrap h2 {
    font: bold 13px '맑은 고딕', 'NanumGothic', 나눔고딕;
    margin: 15px;
}
.popWrap .close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
}
.popWrap .popCt {
    padding: 10px;
}
.popWrap .btn_ac {
    text-align: center;
    margin: 5px 0 20px;
}

.passArea {margin: 0px;}
.passArea h2 {margin-bottom: 7px;font-size: 14px;}
.passArea p {margin-left: 15px;}
.passArea table {margin-top: 10px;}
.passArea table td,.passArea table th {border: solid 1px #bababa !important;}
.passArea table fieldset {}

.dlArea dl {
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
}
.dlArea dl dt label {
    font-weight: bold;
}
.dlArea dl dd {
    float: left;
}

#excelWrap {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}
#excelWrap #save {
    width: 200px;
    height: 405px;
    float: left;
    background: #fffedb;
    border: 1px solid #b6b6b6;
    padding: 30px 20px;
}
#excelWrap #save dl {padding-bottom: 20px;}
#excelWrap #save dl label {vertical-align: -1px;}
#excelWrap #save dl dt {padding-bottom: 5px;}
#excelWrap #save dl dd {padding-left: 17px;}

#excelWrap #save .userBox {
    background: #f9f9f9;
    border: 1px solid #b6b6b6;
    margin-top: 30px;
    padding-bottom: 10px;
}
#excelWrap #save .userBox label {
    display: block;
    padding-top: 10px;
}
#excelWrap #save p {text-align: center;}

#items {
    width: 680px;
    float: right;
    overflow: hidden;
}
#items>div {
    width: 100%;
    overflow: hidden;
}
#items>div>div {
    float: left;
    width: 30%;
}

#items>div .btns {
    text-align: center;
    margin-top: 200px;
    width: 20%;
}
#items>div .btns a {
    margin-bottom: 5px;
}
#items>div h3 {
    font-weight: bold;
    padding-bottom: 8px;
}

#items>div ul {
    border: 1px solid #b6b6b6;
    height: 429px;
    overflow: auto;
    overflow-x: hidden;
    padding: 5px 0;
}
#items>div ul li {
    cursor: pointer;
    padding: 2px 0 2px 10px;
}
#items>div ul li:hover {
    background: #fffedb;
}


#stViewCt .result {
    text-align: center;
}
#stViewCt .result p {
    padding: 0;
    background: #fff;
    border: 0;
    margin-top: 0;
    line-height: 200%;
}
#stViewCt .result span {
    display: block;
    border-top: 1px solid #bababa;
    background: #ebebeb;
    padding: 20px;
    margin-top: 25px;
}
#stViewCt .result span a {
    display: block;
    padding: 0 15px 0;
    margin: 10px 130px;
    padding-left: 8px;
    color: #3f95d4;
    font-weight: bold;
    font-size: 13px;
}

.searchBox {
    padding: 5px 10px;
}
.searchBox>p {
    padding: 3px 0;
    min-height: 22px;
    text-align: left;
}
.searchBox>p * {
    vertical-align: middle;
}
.searchBox>p>b {
    background: url(../../../common/images/admin/dot.png) no-repeat 0 5px;
    padding-left: 10px;
    display: inline-block;
    width: 80px;
}
.searchBox>p>b.nowidth {
    width: auto;
    margin-right: 20px;
}
.searchBox>p label {
    vertical-align: -1px;
    padding: 0 15px 0 3px;
}
.searchBox #btn_search {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.tabMenu {
    background: url(../../../trs/image/common/tab_bg.png) repeat-x;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    height: 35px;
}
.tabMenu li {
    float: left;
}
.tabMenu li a {
    display: block;
    background: #e6e6e6;
    font-weight: bold;
    padding: 10px 15px 0;
    height: 24px;
    color: #8a8a8a;
    font-weight: bold;
    border-left: 1px solid #fff;
    text-align: center;
    min-width: 100px;
}
.tabMenu li a:hover,
.tabMenu li a.on {
    border: 1px solid #222;
    padding-right: 14px;
    border-bottom: 0;
    background: #fff;
    color: #222;
}

input.text {
    height: 19px;
    line-height: 19px;
    border: solid 1px #858585;
    background-color: #eee;
    color: #2c2c2c;
    vertical-align: middle;
}
input.text2 {
    height: 26px;
    line-height: 26px;
    border: solid 1px #858585;
    background-color: #fff;
    font-size: 12px;
    color: #2c2c2c;
}
input.text3 {
    height: 19px;
    line-height: 19px;
    border: solid 1px #858585;
    background-color: #fff;
    color: #2c2c2c;
    vertical-align: middle;
}
input.file {
    height: 30px;
    line-height: 30px;
}
.textarea {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 25px;
    height: 50px;
    border: solid 1px #858585;
    background-color: #eee;
    color: #2c2c2c;
}
.normalbox td,
.controlbox td {
    padding: 5px;
}

.controlbox .td-first {
    width: 25%;
    font-weight: normal;
    /*  border-right: solid 1px #bbb; background-color: #f6f6f6; */
    background-image: url(../../../trs/image/common/dot.png);
    background-position: left 18px;
    background-repeat: no-repeat;
    background-size: auto;
    vertical-align: top;
    padding: 10px 0 0 8px;
}
.controlbox .td-last {
    width: auto;
    font-weight: normal;
    /*  border-right: solid 1px #bbb; background-color: #f6f6f6; */
    background-image: none;
    vertical-align: middle;
}

.effect {
    border: 1px solid #858585;
    background: #e1e1e1;
    color: #222;
    padding: 8px 15px 5px;
    margin-bottom: 10px;
}
.effect .btns {
    position: absolute;
    left: 70%;
    margin-top: -20px;
    *margin-top: -3px;
    width: 26%;
    text-align: right;
}

.point_blue {color: #006fd3 !important;}
.point_red {color: #d02c22 !important;}



/*table*/

/*table {border-collapse: collapse;table-layout: fixed;}*/

.normalTable {
    width: 100%;
    border-collapse: collapse;
}
.normalTable thead {
    border-left: 1px solid #858585;
    border-right: 1px solid #858585;
}
.normalTable tbody {
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
}
.normalTable caption {
    text-align: left;
    font-weight: bold;
    padding: 30px 0 8px;
}
.normalTable th {
    background: #e7e7e7;
    border: 1px solid #858585;
    font-weight: bold;
    padding: 5px 0 3px;
}
.normalTable tbody th {
    background: #fffedb;
    text-align: left;
    font-weight: normal;
    padding: 5px 15px 3px;
}
.normalTable .al tbody th.title {
    font-weight: bold;
}

.normalTable td {
    border: 1px solid #b6b6b6;
    text-align: center;
    padding: 5px 5px 3px;
    color: #555;
}
.normalTable td.al {text-align: left;}
.normalTable td p {padding-top: 5px;}
.normalTable td ul li {color: #555;}
.normalTable .img {vertical-align: -5px;}
.nolineTable {width: 100%;}

.nolineTable th {
    text-align: left;
    background: url(../image/img/icon/dot.png) no-repeat 0 10px;
    padding: 5px 0 0 8px;
    vertical-align: top;
}
.nolineTable td {padding-bottom: 10px;}
.nolineTable td label {vertical-align: -1px;}
.al td {text-align: left;padding-left: 15px;}


/*검색결과*/

.searchResult {
    background: #fff;
    /* min-width: 995px; */
    border-top: solid 1px #a2a2a2;
    border-bottom: solid 1px #a2a2a2;
    margin-top: -1px;
    display: flex;
    align-items: center;
    padding: 12px 20px;
}

.searchResult p {
    padding: 12px 0 11px 0;
    margin-left: 27px;
    position: relative;
}
.searchResult a img {
    vertical-align: bottom;
}
.searchResult p>span {
    position: absolute;
    top: 11px;
    right: 20px;
    /* padding-left: 240px; */
}
.searchResult>div {
    /* padding: 12px 0 11px 0; */
    /* margin-left: 27px; */
    /* position: relative; */
}

.table01 th img {
    margin-right: 5px;
    margin-top: 5px;
}

.btn_box {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.btn_box02 {
    width: 100%;
    display: inline-block;
    margin: 20px 0 25px;
    text-align: center;
}
.btn_box03 {
    position: absolute;
    /* top: 9px; *//* top: 11px; */
    right: 20px;
    /* padding-left: 240px; */
}

label+.sBtn {vertical-align: middle !important;}
label+.sBtn2 {vertical-align: middle !important;}
td,th {word-break: break-all;}
.caseArea ul {margin-top: 0;}

.region+a {border: solid 1px #fff;}
.region .table01 {
    border-top: 0;
    box-shadow: 0 1px 2px #555;
}
.region .table02 {
    border-top: 0;
    box-shadow: 0 1px 2px #555;
}

#control {
    width: 383px;
    margin-top: -5px;
    background: url(../../../common/images/admin/control_bg.png) repeat-y 380px 0;
    height: 100%;
}

.colorArea {
    position: relative;
}

.setting .colorArea .colorBox,
.setting .colorArea .colorBox2 {
    position: relative;
}


/*사파리+크롬핵*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .setting .colorBox,
    .setting .colorBox2 {
        left: 0;
    }
}

.colorBox,
.colorBox2 {
    position: relative;
    text-align: left;
    width: 25px;
    height: 25px;
    padding: 0;
    vertical-align: middle;
}
.colorBox span,
.colorBox2 span {
    display: block;
    height: 20px;
    width: 20px;
}
.colorBox>span,
.colorBox2>span {
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.colorBox>p,
.colorBox2>p {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    width: 134px;
    z-index: 10;
    padding: 2px 0 0 !important;
    overflow: hidden;
    border: solid 1px #a2a2a2;
    background: #fff;
}
.colorBox>p span,
.colorBox2>p span {
    float: left;
    margin: 0 0 2px 2px;
    background: url(../../../common/images/admin/color_check02_off.png) no-repeat 0 0;
    cursor: pointer;
}
.colorBox>p span.on,
.colorBox2>p span.on {
    background-image: url(../../../common/images/admin/color_check02.png);
}

.editor {
    width: 380px;
    min-height: 50px;
    border: 0;
}

.btn_center {
    margin: 20px 0;
}

.injongBox {
    padding-bottom: 10px;
}
.injongBox .keyline-left0,
.injongBox .region-keyline-left0 {
    border-left: solid 1px #999;
}
.injongBox #inputSetting {
    border-top: solid 1px #ccc;
    width: 380px;
    overflow: hidden;
    clear: none;
}

.injongBox>.fields {
    width: 380px;
    overflow: hidden;
    clear: none;
}
.injongBox>.fields div:first-child {
    width: 230px;
}
.injongBox>.fields div:first-child+div {
    width: 75px;
    *width: 57px;
}
.injongBox>.fields div:first-child+div+div {
    width: 75px;
    *width: 61px;
}

.injongBox #inputSetting .fields {
    border-right: 0 !important;
    border-left: 0 !important;
    width: 380px;
    overflow: hidden;
    clear: none;
}
.injongBox #inputSetting .fields div:first-child {
    width: 230px;
}
.injongBox #inputSetting .fields div:first-child+div {
    padding-right: 1px !important;
}
.injongBox #inputSetting .fields div+div {
    width: 75px;
    *width: 61px;
}

.crimson>div:first-child {width: 80%;}
.setting .tabmenu.type3 {min-width: 381px;}
.setting .tabmenu.type3 li {width: 126px;}
.setting .OZ select {margin-right: 5px;}
.setting .LINK input[type=text] {margin-right: 6px;}

#id_BanListTable .colorBox,
#id_BanListTable .colorBox2 {
    position: relative;
}
#id_BanListTable .colorBox>p,
#id_BanListTable .colorBox2>p {
    width: 135px !important;
}
#id_BanListTable .banner li img {
    width: 20px;
}
#id_BanListTable .banner ul {
    width: 100%;
    margin: 6px;
    overflow: hidden;
    text-align: left;
}
#id_BanListTable .banner li a {
    display: block;
    text-align: left;
    border: solid 1px #939393;
    margin: 0 6px;
    background: #fff;
    height: 34px;
    position: relative;
    font: bold 13px/34px 'Malgun Gothic', 맑은고딕;
    font-family: 'Malgun Gothic' !important;
}
#id_BanListTable .banner li a .img {
    display: inline-block;
    width: 30px;
    padding-left: 4px;
    text-align: center;
    vertical-align: 0;
}
#id_BanListTable .banner li a .img img {
    vertical-align: middle;
}

#id_BanListTable .banner li a span {
    position: relative;
    z-index: 10;
}
#id_BanListTable .banner li a b {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    display: block;
    height: 23px;
    width: 23px;
}
#id_BanListTable .banner li a b img {
    width: 23px;
}

#id_BanListTable select {
    margin: 4px 0;
}

.printSize {
    padding-top: 5px;
    width: 100%;
    *width: 98%;
}
.printSize .region>a>img,
.printSize .region input[type=checkbox] {
    position: relative;
    z-index: 31;
}
.printSize .region .colorBox,
.printSize .region .colorBox2 {
    position: relative;
    z-index: 30;
}
.printSize input[type=text] {
    margin-left: 3px;
    margin-right: 3px;
}
.printSize input[type=checkbox] {
    margin-top: 3px;
    *margin-right: 0;
    vertical-align: -2px;
}

.fields {*width: 100%;}
.printSettingEach .fields {*width: 98%;}
.fields input[type=text] {border: solid 1px #949494;height: 20px;}
.fields .HWP input[type=text] {width: 90%;}
.fields .printTypes.OZ select {width: 98%;margin-bottom: 5px;}
.fields .printTypes.LINK input {width: 95.7%;margin-bottom: 5px;}
/*.fields .region select {width: 90%;height: 22px;}*/
.fields input[type=text] {width: 90%;}
.size3of10 {*width: 23.9%;}
/*.new19_layer {position: fixed;z-index: 1100;background: #fff;border: solid 2px #d93838;border-top: 0;}*/


/*<--공통 레이어창으로 인한 주석처리 */

.new19_layer>p {
    position: relative;
    padding: 8px 17px;
    background: #d93838;
}
.new19_layer>p strong {
    display: block;
    font-size: 17px;
    color: #fff;
    font: 17px 'Noto Sans KR', 'Malgun Gothic';
}
.new19_layer>p a {
    position: absolute;
    top: 10px;
    right: 13px;
    background: none;
}

.newForm {
    padding: 10px 20px !important;
}
.newForm .pass dd {
    border-top: solid 1px #464646;
    background: #ebebeb;
    padding: 17px 0 9px 20px !important;
    margin: 0 0 16px;
}
.newForm .pass dt:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #d93838;
    border-radius: 5px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px;
}
.newForm .pass dt {
    margin: 0 0 11px;
    font: 16px 'Noto Sans KR', 'Malgun Gothic';
    color: #000;
}

.newForm .pass b {
    font-weight: bold;
    color: #d93838;
    display: inline-block;
    width: 110px;
}
.newForm .pass label {
    display: block;
    padding-bottom: 10px;
}
.newForm .pass label input {
    width: 188px;
    height: 15px;
    line-height: 15px;
    border: solid 1px #8b8b8b;
    background: #fff;
    padding: 5px;
}

.newForm .indent15 li {
    text-indent: -15px;
    padding-left: 15px;
    color: #3d3d3d;
    padding-bottom: 6px;
}
.newForm .indent15 li span {
    color: #d93838;
}

.newForm .btn {
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    line-height: 100%;
}
.newForm .btn a {
    display: block;
    text-align: center;
    color: #fff;
    background: #d93838;
    height: 40px;
    font: 16px/40px 'Noto Sans KR', 'Malgun Gothic';
}

.newForm .contents {
    border: solid 2px #d93838;
    border-top: 0;
    padding: 15px 20px 20px !important;
}

.newForm .list {}
.newForm .list li {
    color: #626262;
    position: relative;
    padding-left: 15px;
    margin: 5px 0;
}
.newForm .list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 2px;
    background: #000;
    height: 2px;
    width: 2px;
}

.newForm .blackBtn {
    position: absolute;
    top: 0;
    right: 0;
    background: #383838;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    line-height: 35px;
    vertical-align: top;
    padding: 0 20px;
}
.newForm .checkList {
    margin-top: 30px;
    border-top: dashed 1px #bababa;
    /*border-bottom: dashed 1px #bcbcbc; */
}
.newForm .checkList>li {
    position: relative;
    border-bottom: dashed 1px #bcbcbc;
    padding: 6px 0 6px 150px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    clear: both;
}
.newForm .checkList>li>strong {
    color: #3d3d3d;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    width: 100%;
    max-width: 150px;
    display: block;
}
.newForm .checkList>li>strong:before {
    content: '';
    display: inline-block;
    background: #959595;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    margin-right: 7px;
}
.newForm .checkList>li i {
    display: inline-block;
    vertical-align: middle;
}
.newForm .checkList>li a {
    position: relative;
    display: inline-block;
}
/*.newForm .checkList > li a:hover i {background: #eaeaea;}*/
.newForm .checkList>li a span {
    display: none;
}
.newForm .checkList>li a:hover span {
    position: absolute;
    display: block;
    z-index: 10;
    top: 30px;
    left: 50%;
    height: 25px;
    width: 48px;
    padding-top: 9px;
    transform: translateX(-50%);
    background: url(../../../common/images/admin/hd_icon_bg.png) no-repeat 0 0;
    color: #fff;
    text-align: center;
    line-height: 28px;
}

.newForm .checkList>li>ul {
    float: left;
    padding-right: 13px;
    padding-top: 5px;
    padding-bottom: 2px;
}
.newForm .checkList>li li {
    position: relative;
    float: left;
    padding: 3px 20px 3px 20px;
}
.newForm .checkList>li li input {
    margin-right: 4px;
}
/*.newForm .checkList > li:hover {background: #feffda;}*/
newForm .checkList>li select {
    font-size: 12px !important;
    padding-right: 30px;
    height: 29px;
    line-height: 29px;
    padding-left: 5px;
    font-weight: bold;
    color: #3d3d3d;
    border: solid 1px #a1a1a1;
}
.newForm .checkList>li input[type=checkbox] {
    border: solid 1px #a1a1a1;
    width: 13px;
    height: 13px;
    background: #fff;
}
.newForm .checkList>li input[type=text] {
    border: solid 1px #a1a1a1;
    height: 17px;
    line-height: 17px;
    padding: 5px;
}

.newForm .btn_r {
    text-align: right;
    padding: 17px 0 10px;
    clear: both;
}
.newForm .btn_r a {
    display: inline-block;
    background: #dd4c4c;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
    line-height: 35px;
}

.newForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/trs/image/common/select_bg2.png) no-repeat right 5px center;
    border: 1px solid #b9b9b9;
    padding-left: 5px;
    opacity: 1 !important;
}
.newForm .checkList>li select::-ms-expand {
    display: none;
}
.newForm .selectBox {
    overflow: hidden;
    width: 100%;
}
.newForm .selectBox dt {
    color: #3d3d3d;
    font-weight: bold;
    position: relative;
    padding-left: 17px;
    margin-bottom: 11px;
}
.newForm .selectBox dt:before {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background: #d93838;
    top: 4px;
    left: 0;
}

.newForm .selectBox .type1 {
    width: 180px;
    float: left;
    padding-right: 15px;
}
.newForm .selectBox .btn1 {
    float: left;
    width: 80px;
    padding: 29px 12px 0 0;
    margin: 0;
}
.newForm .selectBox .btn1 a {
    line-height: 34px;
    height: 33px;
    margin: 0 0 5px;
    display: block;
    background: url(../../../common/images/admin/btn_bg01.png) no-repeat right 11px center;
    color: #dd4c4c;
    border: solid 1px #dd4c4c;
    font-weight: bold;
    padding: 0 0 0 15px;
}
.newForm .selectBox .btn1 a:last-child {
    border-color: #9f9e9f;
    color: #9f9e9f;
    background-image: url(../../../common/images/admin/btn_bg02.png);
}

.newForm .selectBox .type2 {
    float: left;
    width: 180px;
    padding-right: 8px;
}

.newForm .selectBox .btn2 {
    float: left;
    width: 90px;
    padding: 29px 0 0;
    margin: 0;
}
.newForm .selectBox .btn2 a {
    display: block;
    color: #fff;
    line-height: 34px;
    height: 33px;
    margin: 0 0 5px;
    background: #dd4c4c;
    text-align: center;
    padding: 0;
    text-indent: 0;
}
.newForm .selectBox .btn2 a:last-child {
    background: #9f9e9f;
}

.newForm .selectBox label.on {
    font-weight: bold;
}
.newForm .selectBox dd {
    overflow-y: scroll;
    height: 158px;
    padding: 5px 0;
    border: solid 1px #8a8a8a;
}
.newForm .selectBox dd li {
    line-height: 30px;
    padding: 0 15px;
}
.newForm .selectBox dd li:hover {
    background: #feffda;
}

.ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.chkOff {
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../../../common/images/admin/checkbox.png) no-repeat 0 0;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
}
.chkOn {
    background-image: url(../../../common/images/admin/checkbox_on.png);
}

.ez-checkbox-focus {
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../../../common/images/admin/checkbox_focus.png) no-repeat 0 0;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
}

.id_designBox {}
.id_designBox p {
    padding-left: 5px;
    padding-bottom: 14px;
    border-bottom: dashed 1px #ccc;
    margin: 0 0 15px;
}
.id_designBox strong {
    font-weight: bold;
    color: #0d5ed5;
    padding-right: 16px;
}
.id_designBox select {
    min-width: 100px;
    height: 27px;
    border: solid 1px #8c8c8c;
    font: 12px "Dotum" !important;
}
.id_designBox button {
    border: solid 1px #8c8c8c;
    color: #fff;
    background: #383838;
    width: 100px;
    height: 27px;
    margin-left: 8px;
}
.id_designBox li {
    margin-bottom: 0px;
    padding-left: 5px;
}

body {
    overflow-y: auto;
}

#head {
    margin: 15px auto 0;
    padding-right: 17px;
}

#id_content {
    margin: 0 auto 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 150px;
}
#id_content>div {
    border: solid 1px #cccccc;
    border-top: 0;
    border-bottom: solid 1px #cccccc;
}

.pop_list * {}
.pop_list {
    width: 890px;
    /*width: 920px;*/
    margin: 0 auto;
}
.pop_list li {
    min-height: 47px;
    border-bottom: 1px dashed #464646;
}
.pop_list li>div {
    overflow: hidden;
}
.pop_list li span.list_tit {
    display: inline-block;
    margin-top: 15px;
    color: #000;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}
.pop_list li span.list_tit:before {
    content: '';
    display: inline-block;
    margin: -4px 10px 0 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #44a0d1;
    vertical-align: middle;
}
.pop_list .btn_wrap {
    float: right;
    margin-top: 12px;
}
.pop_list li a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 20px;
    height: 25px;
    font-size: 12px;
    vertical-align: middle;
    border-radius: 30px;
}
.pop_list li a.pop_btn1 {
    color: #474747;
    background: #d8d8d8;
    line-height: 25px;
}
.pop_list li a.pop_btn2 {
    color: #44a0d1;
    background: #fff;
    border: 1px solid #44a0d1;
    line-height: 23px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.pop_list li a.pop_btn3 {
    color: #fff;
    background: #77c0e7;
    line-height: 25px;
}
.pop_list li a.pop_btn3.active {
    background: #44a0d1;
}

.pop_list li a.down_btn {
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 50%;
    background: #d93838 url(../../../common/images/admin/btn/down.png) center no-repeat;
}
.pop_list li a.down_btn.active {
    background: #d93838 url(../../../common/images/admin/btn/up.png) center no-repeat;
}

.v9 span {color: #dd4c4c;}

.table_wrap {
    display: none;
    background: #f6f6f6;
    margin-top: 15px;
    padding: 20px;
}
.pop_list .table_wrap {
    padding: 10px 15px 15px;
    margin-top: 10px;
}
.pop_list .table_scroll {
    margin: 0 auto 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 190px;
    border-top: 1px solid #092c74;
}

#popup .table_scroll .table02 {
    border: none;
    margin: 0 auto 0;
}
#popup .table_scroll .table02 thead {
    width: 100%;
    position: sticky;
    top: 0;
}
#popup .table_scroll .table02 tr {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    box-shadow: 0 1px 1px #d1d1d1;
}
#popup .table_scroll .table02 th {
    padding: 4px 5px 4px;
}
#popup .table_scroll .table02 th,
#popup .table_scroll .table02 td:first-child {
    padding: 4px 0 4px;
    text-align: center;
}
#popup .table_scroll .table02 td:nth-last-child(-n+2) {
    text-align: right;
}


#head>div {
    border: solid 1px #858585;
    font-weight: bold;
    background-color: rgb(231, 231, 231);
    word-break: keep-all;
}

.confirm_btn {
    margin: 35px 0;
    text-align: center;
}
.confirm_btn a {
    display: inline-block;
    padding: 0 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #fff;
    background: #dd4c4c;
}

.w5 {width: 5%;}
.w10 {width: 10%;}
.w30 {width: 30%;}
.hAuto {min-height: 28px !important;height: auto !important;}


/*sms 설정 추가*/

.sms * {
    color: #3d3d3d;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.sms input[type="radio"] {margin: -3px 3px 0 0;}
.sms textarea {width: 100%;padding: 15px;border: 1px solid #ccc;}
.sms input[type="text"] {height: 25px;}
.sms select {height: 25px;}
.sms input[type="checkbox"] {margin: -2px 3px 0 0;}

.sms {
    width: 980px;
    margin: 25px;
    padding: 25px 45px;
    border: 1px solid #ccc;
    background: #fff;
}
.sms>div {
    overflow: hidden;
}
.sms .setting_left {
    float: left;
    width: 470px;
}
.sms .setting_right {
    float: right;
    width: 470px;
}

.sms .h1_tit {
    margin-top: 25px;
    font-size: 12px;
    font-weight: bold;
}
.sms .h1_tit:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 2px;
    vertical-align: 1px;
    background: #c93c31;
    border-radius: 50%;
}

.sms .setting_box {
    margin-top: 15px;
    border: 1px solid #ccc;
}
.sms .use_box dl dt {
    overflow: hidden;
    border-top: 1px solid #ccc;
}
.sms .use_box dl:first-child dt {
    border-top: 0;
}
.sms .use_box dl dt span {
    float: left;
    height: 40px;
    line-height: 39px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
.sms .use_box dl dt span.al_l {
    text-align: left;
    padding-left: 10px;
}
.sms .use_box dl dt span.slideAction {
    background: url(../../../common/i_upBtn.png) center no-repeat;
    cursor: pointer;
}
.sms .use_box dl dt span+span {
    border-left: 1px solid #ccc;
}
.sms .use_box dl dd {
    display: none;
    height: 45px;
    line-height: 44px;
    font-size: 0;
    font-weight: bold;
}
.sms .use_box dl dd span {
    display: inline-block;
    font-size: 12px;
    color: #0d5ed5;
}
.sms .use_box dl dd span.tit {
    width: 30%;
    text-align: right;
}
.sms .use_box dl dd span.con {
    width: 70%;
    padding-left: 20px;
}
.sms .use_box dl dd {
    border-top: 1px solid #ccc;
}
.sms .use_box dl.on dt {
    background: #0d5ed5;
}
.sms .use_box dl.on dt span {
    color: #fff;
}
.sms .use_box dl.on dt span.slideAction {
    background: url(../../../common/images/admin/i_downBtn.png) center no-repeat;
}
.sms .use_box dl.on dd {
    display: block;
}

.sms .recept_box {
    padding: 20px 25px;
    font-size: 0;
}
.sms .recept_box span {
    display: inline-block;
    margin: 5px 0;
    width: 50%;
    font-size: 12px;
    vertical-align: middle;
}

.sms .alim_box {}
.sms .alim_box .alim_t {
    padding: 20px;
    background: #fffdd0;
}
.sms .alim_box .alim_t p {
    padding-left: 15px;
    text-indent: -15px;
}
.sms .alim_box .alim_t p+p {
    margin-top: 10px;
}
.sms .alim_box .alim_m {
    height: 45px;
    line-height: 44px;
    font-size: 0;
    border-top: 1px solid #ccc;
}
.sms .alim_box .alim_m span {
    display: inline-block;
    font-size: 12px;
}
.sms .alim_box .alim_m span.tit {
    width: 40%;
    text-align: right;
}
.sms .alim_box .alim_m span.con {
    width: 60%;
    padding-left: 20px;
}

.sms .send_box {}
.sms .send_box .textarea_1 {
    background: #ededed;
    overflow: hidden;
    border-bottom: 0;
}
.sms .send_box .textarea_3 {
    background: #ededed;
    overflow: hidden;
}
.sms .send_box .byte_in {
    display: none;
    padding-right: 5px;
    text-align: right;
    border: 1px solid #ccc;
    border-top: 0;
}

.sms .desc {
    margin-top: 5px;
    color: #f06262;
}

.sms .test_box {
    position: relative;
    padding: 10px 10px 10px 50px;
    overflow: hidden;
}
.sms .test_box .test_tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    padding-top: 90px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.sms .test_box .before_box {
    float: left;
    width: 165px;
}
.sms .test_box .before_box div.inp_btn {
    overflow: hidden;
}
.sms .test_box .before_box input {
    float: left;
    padding-left: 5px;
    border: 1px solid #ccc;
    margin: 5px 0 0 2%;
    width: 48%;
}
.sms .test_box .before_box a {
    float: left;
    margin: 5px 0 0 2%;
    width: 48%;
    height: 35px;
    line-height: 33px;
    border: 1px solid #ababab;
    text-align: center;
}

.sms .test_box .btn_box {
    float: left;
    width: 75px;
    padding: 0 5px;
}
.sms .test_box .btn_box a {
    display: block;
    height: 25px;
    margin-bottom: 5px;
    border: 1px solid #ababab;
    line-height: 23px;
    text-align: center;
}
.sms .test_box .btn_box a img {
    vertical-align: middle;
}

.sms .test_box .phone_box {
    height: 115px;
    border: 1px solid #ccc;
    overflow-y: scroll;
}
.sms .test_box .phone_box div {
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    font-size: 0;
    cursor: pointer;
    overflow: hidden;
}
.sms .test_box .phone_box div span {
    display: block;
    float: left;
    width: 48%;
    font-size: 12px;
}
.sms .test_box .phone_box div span+span {
    margin-left: 4%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sms .test_box .phone_box div.on {
    background: #bcdfff;
}

.sms .test_box .after_box {
    float: left;
    width: 165px;
}
.sms .test_box .after_box a {
    display: block;
    width: 95px;
    margin: 5px auto 0;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #ababab;
}

.sms .preview_go {
    display: block;
    margin: 40px auto 0;
    height: 55px;
    line-height: 55px;
    width: 225px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #c93c31;
}


/*index.css*/

.size4p {width: 4%;}
.size5p {width: 5%;}
.size6p {width: 6%;}
.size7p {width: 7%;}
.size8p {width: 8%;}
.size9p {width: 9%;}
.size10p {width: 10%;}
.size11p {width: 11%;}
.size12p {width: 12%;}
.size13p {width: 13%;}
.size14p {width: 14%;}
.size15p {width: 15%;}
.size16p {width: 16%;}
.size17p {width: 17%;}
.size18p {width: 18%;}
.size19p {width: 19%;}
.size20p {width: 20%;}
.size21p {width: 21%;}
.size23p {width: 23%;}
.size24p {width: 24%;}
.size25p {width: 25%;}
.size26p {width: 26%;}
.size27p {width: 27%;}
.size28p {width: 28%;}
.size50p {width: 50%;}

.textRight,.alignright {text-align: right;}
.textLeft,.alignleft {text-align: left;}
.textCenter {text-align: center;}
.vTop {vertical-align: top;}
.tdData {line-height: 135%;}
.nofix {min-width: 0px;}

.size8 .sBtn {min-width: 75px;}
.data a img {vertical-align: middle;margin-top: -2px;}
.service:hover {background-color: #EEF7FB;cursor: pointer;}
.displayCss {display: none !important;}

.newTable td:nth-last-child(2) a.sBtn {min-width: 75px;}
.parsedTable td:nth-last-child(2) a.sBtn {min-width: 75px;}
.newTable .sBtn {min-width: 96px;}
.normalTable .sBtn {min-width: 96px;}
.parsedTable .sBtn {min-width: 96px;}
.normalTable thead td {background-color: #e7e7e7;}
.parsedTable thead td {background-color: #e7e7e7;}

.pd0p {padding: 0 0px;}
.pd10p {padding: 0 5px;}
.pd20p {padding: 0 10px;}
.pd30p {padding: 0 15px;}
.pd40p {padding: 0 20px;}
.pd50p {padding: 0 25px;}
.pd60p {padding: 0 30px;}





/* ====== 220422 Common CSS Adjusted ====== */

/*contentsArea*/

#contentsArea {
    background: #fbfbfb;
}

.hgroup {
    display: flex;
    align-items: center;
    background: #fff url(../../../common/images/admin/blot_h2.png) no-repeat 30px 50%;
    height: 54px;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #092c74;
    box-shadow: 0 1px 2px #aaa;
}
.hgroup span {
    margin: 0 15px 0 30px;
}
.hgroup span:before {
    content: '';
    background: url(../../../common/images/admin/blot_h2.png) no-repeat 0% 0%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 13px;
}

.btnbox {
    top: auto;
}
.tlt_box {
    display: inline-block;
}
h2 {
    font-size: 16px;
    font-weight: bold;
}
section h2.title02 {margin-bottom: 10px;}
section h2.title02:not(:first-of-type) {margin-top: 30px;}


/* Search area */

/*검색안내*/
.searchInfo {
    background: #fff;
    border-top: solid 1px #a2a2a2;
    border-bottom: solid 1px #a2a2a2;
    margin-top: -1px;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    min-width: auto;
    position: relative;
}
.searchInfo p {
    padding: 0;
    margin: 0;
}
.searchInfo p>span {
    position: absolute;
    top: 12px;
    right: 20px;
    padding-left: 240px;
}
.searchInfo .tlt_box {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: auto;
    right: 20px;
    padding: 0;
    width: auto;
}

/*검색결과*/
.searchResult {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    min-width: auto;
}
.searchResult p {
    padding: 0;
    margin: 0;
    position: static;
    height: 18px;
}
.searchResult .tlt_box {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: auto;
    right: 20px;
    padding: 0;
    width: auto;
}

.tlt_box .title02 {
    display: inline-block;
    padding: 0px 5px;
    margin: 0;
    height: 28px;
    line-height: 28px;
    font-size: inherit;
    font-weight: bold;
    color: #fff;
    background: #092c74;
    border-radius: 3px;
}
.tlt_box .sub {
    color: #3D94DB;
    margin: 0;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    font-weight: normal;
}

p.sub span {
    margin: 0 0 0 0px;
    color: inherit;
    font-weight: bold;
    vertical-align: baseline;
}
.searchResult p.sub>span {
    position: static;
    padding: 0;
}
p.sub input {
    margin-left: 10px;
    color: initial;
    line-height: inherit;
    background: #dbdbdb;
    box-shadow: 0px 0px 2px #4c4c4c;
    border-radius: 3px;
}

/* 대상자 선택 영역 */
.selectArea {
    text-align: center;
    background: #e5eaf5;
    padding: 10px 10px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    min-width: auto;
}
.txt {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 5px 0 15px;
}

.region .selectArea select, .region select {
    height: 36px;
    font-size: 12px !important;
}
.selectArea .btn_type5, .region .btn_type5 {
    height: 36px;
    border: none;
    font-size: 14px;
    font-weight: bold;
}
.selectArea .btn_type6, .region .btn_type6 {
    margin: 0 5px;
    height: 34px;
    line-height: 28px;
    font-size: 18px;
    padding: 0 5px;
}

.region {
    /* box-shadow: 0 1px 2px #555; */
}
.table03 {
    width: 100%;
    text-align: center;
    border-top: 2px solid #092c74;
}
.region .table03 {
    border-top: 0;
    box-shadow: 0 1px 2px #555;
}
.table03 th {
    background: #e5eaf5;
    padding: 10px 10px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
.table03 select {
    /* height: 36px; */
    /* padding: 0 10px; */
}
.table03 input[type="text"] {
    height: 34px;
    /* padding: 0 10px; */
}


.mr10 {margin-right: 10px !important;}

.table01.bd0 th, .table01.bd0 td {
    border: none !important;
}
.table01 td.call img {
    vertical-align: middle;
}
.table01 td.call a:hover img {
    filter: drop-shadow(1px 1px 3px #fff);
    transform: rotate(5deg);
}

#contents {}

div#supplementInfoBox {
    margin-bottom: 20px;
}

div#resultTableWrap {
    /* height: 517px; */
    /* overflow-y: auto; */
    position: relative;
}
div#resultTableWrap .bg-sticky {
    height: 2px;
    background: #092c74;
    position: sticky;
    top: 0;
    z-index: 9;
}
div#resultTableWrap .table01 {
    margin-top: -2px;
}
/* div#resultTableWrap .table01 thead {
    position: sticky;
    top: 1px;
} */


/* pagination */
.pagination {
    display: inline-block;
    margin-top: 40px;
}
.pagination span {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
.pagination span img {
    border: 1px solid transparent;
    border-radius: 3px;
}
.pagination span:hover img,
.pagination span:active img {
    opacity: 0.8;
    border: 1px solid #dbdbdb;
}

.pagination a.pageNum {
    pointer-events: auto;
    font-family: 'Malgun Gothic';
    font-size: 12px;
    opacity: 1;
}
.pageNum span {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    font-weight: bold;
    color: #5c5c5c;
    margin: 0 1px;
    padding: 0 3px;
    min-width: 24px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.pageNum span:hover {
    border: 1px solid #769cb6;
    background: #e1eaf1;
}
.pageNum span.active {
    border: 1px solid #769cb6;
    background: #769cb6;
    color: #fff;
}



/* 녹취충원 파업창 */

.left_box section {
    position: relative;
}
.left_box .tlt_box {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: auto;
    right: 20px;
    padding: 0;
}

.popup_contain .left_box {width: calc(80% - 30px);padding: 15px;}
.popup_contain .right_box {width: calc(20% - 20px);padding: 15px 15px 15px 0;}

.left_box section:last-of-type {margin-bottom: 0;}
.left_box .btn_box02 {margin: 40px 0 10px;}

#popup .left_box table {margin: 0;}
#popup .table06 th {background: #f1f1f1;padding: 5px 16px;border: 0;}
#popup .table06 td {padding: 5px 16px;}
#popup .table07 th {background: #f1f1f1;padding: 5px 10px;border: 0;}
#popup .table07 select {width: calc(100% + 2px);}
#popup table .gray {background: #ebebeb;}

/* ====== 220422 Common CSS end ====== */



/* ====== 220503 Common CSS Added ====== */

/* nav : use bullet instead icons */
.nav-menu a.nav-item img {opacity: 0;}
.nav-menu a.nav-item:before {
    content: '\25CA';
    display: inline-block;
    width: 0px;
    text-indent: 7px;
    margin-right: -5px;
}


/* select-search-result */
.selectArea {
    border: 1px solid #a2a2a2;
    flex-direction: column;
}

.selectArea .leftTable tbody {
    border: 0
}
#contents .selectArea table td input {
    vertical-align: middle;
}
#contents .selectArea table td input[type=text] {
    height: 22px;
}
#contents .selectArea table td select {vertical-align: baseline;}

#contents .selectArea .leftTable th,
#contents .selectArea .leftTable td {
    padding: 4px 15px 4px;
    border-right: 1px solid #d5d5d5;
    border: 0;
    background: #e5eaf5;
}
#contents .selectArea .leftTable th {
    padding-left: 60px;
    color: #084195;
}

.selectArea button.search {
    line-height: 24px;
    height: 23px;
    margin-left: 8px;
}

.searchResult {
    position: relative;
}
.searchResult>div {
    /* width: 100%; */
}

.selectArea .searchResult {
    width: -webkit-fill-available;
    background: transparent;
    border: 0;
}
.selectArea .searchResult p {
    padding-left: 42px
}

#contents .case>td .tableWrap .title {
    font-size: 12px;
    display: table-cell;
}
.caseArea .selectArea {
    border: 0;
    border-top: 1px solid #a2a2a2;
}


table.detail td input {width: calc(100% - 22px) !important;}
table.detail td input~label {margin-top: 10px;}
table.detail td input~label input {width: calc(100% - 58px) !important;}

/* ====== 220503 Common CSS Added end ====== */



/* ====== 220509 Common CSS Added ====== */

.hgroup .user {
    position: absolute;
    right: 130px;
    display: inline-flex;
    font-weight: bold;
}
.hgroup .user span {
    color: #0d5ed5;
    margin: 0 8px;
    font-size: 5px;
    vertical-align: top;
}
.hgroup .user span:before {
    content: none;
}

.btnbox button {
    background: #fff;
    border: solid 1px #8b8b8b;
    height: 30px;
    padding: 0 10px;
    margin: 0;
}
.btnbox button img {
    margin: -3px 9px 0 2px;
    margin: 0 9px 0 2px;
    vertical-align: sub;
}

.region .btn_type6 {
    padding: 0 4px;
    border: 1px solid #ddd;
    background: #d1d1d1;
    color: #888;
}
.region .btn_type6:hover {
    background: #c1c1c1;
    color: #fff;
}

div#resultTableWrap .table01 .btn_red,
div#resultTableWrap .table01 td .btn_bold {
    width: 44px;
}

li[type=disc] {
    list-style: disc;
}

.btn_box01 {
    margin: 10px 20px 10px 10px;
    float: right;
}


/* 합격자발표 예시화면 스타일링 20220513*/
.wrap {
    width: 680px;
    margin: 20px auto 0;
    text-align: center;
    padding: 20px 20px;
    box-shadow: 0 0 5px #aaa;
    background: #fff;
    border: 10px solid #ddd;
}

.wrap h1 {
    margin: 0px auto 0px;
    /* border-bottom: 5px solid #084195; */
    padding-bottom: 20px;
}

.wrap h2 {
    font-size: 25px;
    font-weight: bold;
    color: #e4efff;
    letter-spacing: -1px;
    margin: 0px;
    padding: 10px;
    background: #4590ff;
}
.wrap h2 span {
    color: #fff;
}

.wrap h3 {
    text-align: center;
    margin: 15px auto 20px;
    font-size: 20px;
    font-weight: bold;
    color: #6e6e6e;
}

.wrap .table04 {
    border-top: 2px solid #092c74;
    border-bottom: 1px solid #c1c1c1;
    width: 100%;
    margin: 20px auto 5px;
    font-size: 14px;
    text-align: center;
}
.wrap .table04 th, .wrap .table04 td {
    border: 1px solid #c1c1c1 !important;
}
#contents .table04 th {
    width: 25%;
}
#contents .table04 td {
    text-align: left;
    padding-left: 10px;
}
.wrap .table04 input {
    width: 190px;
}
.wrap .table04 span {
    color: #a1a1a1;
    margin-left: 10px;
}

button#btn_search {
    /* background: #383838; */
    border: 1px solid #092c74;
}
button#btn_search img {
    vertical-align: -1px;
}

.btn_box02 {
    margin: 20px 0 5px !important;
}
.btn_type6 {
    margin: 0 !important;
}
.btn_box02>* {
    margin: 0 3px !important;
}

.wrap .footer {
    display: inline-table;
    width: -webkit-fill-available;
    width: calc(100% - 20px);
    margin-top: 20px;
    padding: 8px 10px;
    background: #ffeec6;
    border: 1px solid #fdb813;
}
.wrap p {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
    line-height: 20px;
}
.wrap a.homepage {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
    border: 1px solid #898989;
    border-radius: 2px;
    padding: 2px 5px;
    background: #f9f7f4;
}

/* ====== 220509 Common CSS Added end ====== */



/* ====== 220516 Common CSS Added ====== */

/* 녹취관리 설정 및 작업결과 페이지 */
.table02 {
    width: 100%;
    text-align: left;
    border-top: 2px solid #092c74;
}
.table02 th {
    width: 240px;
}
#contents .table02 td {
    text-align: left;
}
.table02 span {
    margin: 0 10px;
    line-height: 34px;
}
.table02 select, .table02 .tel input[type="text"] {
    min-width: 90px;
}
.table02 select {
    height: 36px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 0 10px;
    margin: 0;
    margin-top: -3px;
}
.table02 input[type="text"], .table02 input[type="number"], .table02 input[type="password"] {
    min-width: 150px;
}
.table02 input[type="text"], .table02 input[type="number"], .table02 input[type="password"] {
    height: 34px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 0 10px;
    margin: 0;
}

/* 녹취멘트 등록 */
#contents td.text {padding: 10px 20px;}
#contents td .table04 tr:last-child {border: none;}
#contents td .table04 td {border: none;}
#contents td .table04 input {margin-top: 0px;border: none;}

a.call_check:hover {
    background: #31abe1;
    color: #fff;
    opacity: 1;
}

.txt_btn {
    display: inline-block;
    margin: 10px 0 0 0;
    height: 20px;
}

input[type="button"] {/* border: none; */}
.w120 {width: 120px;}
.red {color: red !important;}


/* sticky-header */
/* tr.sticky-header th, 
tr.sticky-header td {
    position: sticky;
    top: 55px;
    left: 0;
    box-shadow: inset 0 -1px #aaa;
    z-index: 70;
} */


/* 녹취관리 table border, font */
table.txt_color01 thead th {
    font-size: 14px;}
table.txt_color01 tbody td {
    font-size: 20px;font-weight: bold;padding: 15px 0;}

#resultTable.pointLine thead th,#resultTable.pointLine9 thead th,#resultTable.pointLine tbody td,#resultTable.pointLine9 tbody td,
#resultTable.pointLine tbody td p,#resultTable.pointLine9 tbody td p {
    font-size: 14px;}
#resultTable.pointLine thead th,#resultTable.pointLine9 thead th,
#resultTable.pointLine tbody td,#resultTable.pointLine9 tbody td {
    border: 0;}

#resultTable.pointLine tbody td:nth-child(10) {
    border-left: 3px solid #f28c38;}
#resultTable.pointLine tbody td:nth-child(13) {
    border-right: 3px solid #f28c38;}
#resultTable.pointLine tbody tr:first-child td:nth-child(10),
#resultTable.pointLine tbody tr:first-child td:nth-child(11),
#resultTable.pointLine tbody tr:first-child td:nth-child(12),
#resultTable.pointLine tbody tr:first-child td:nth-child(13) {
    border-top: 1px solid #f28c38;}
#resultTable.pointLine tbody tr:last-child td:nth-child(10),
#resultTable.pointLine tbody tr:last-child td:nth-child(11),
#resultTable.pointLine tbody tr:last-child td:nth-child(12),
#resultTable.pointLine tbody tr:last-child td:nth-child(13) {
    border-bottom: 3px solid #f28c38;}

#resultTable.pointLine9 tbody td:nth-child(9) {
    border-left: 3px solid #f28c38;}
#resultTable.pointLine9 tbody td:nth-child(12) {
    border-right: 3px solid #f28c38;}
#resultTable.pointLine9 tbody tr:first-child td:nth-child(9),
#resultTable.pointLine9 tbody tr:first-child td:nth-child(10),
#resultTable.pointLine9 tbody tr:first-child td:nth-child(11),
#resultTable.pointLine9 tbody tr:first-child td:nth-child(12) {
    border-top: 1px solid #f28c38;}
#resultTable.pointLine9 tbody tr:last-child td:nth-child(9),
#resultTable.pointLine9 tbody tr:last-child td:nth-child(10),
#resultTable.pointLine9 tbody tr:last-child td:nth-child(11),
#resultTable.pointLine9 tbody tr:last-child td:nth-child(12) {
    border-bottom: 3px solid #f28c38;}


/* 그룹선발 remote - LeftRemoteBox */
div#leftRemoteBox {
    position: fixed;
    z-index: 101;
    right: 0;
    bottom: 0;
}

.remote {
    background: #f3f9fe;
    border: 1px solid #c2c2c2;
    overflow: hidden;
}
.remote p {
    font-size: 12px;
    color: #fff;
    background: #1f84d7;
    line-height: 12px;
    padding: 10px 4px;
    text-align: center;
}
.remote dl {
    float: left;
    padding: 0 10px;
}
.remote dl dt,
.remote dl dd {
    font-family: Dotum, '돋움';
    text-align: center;
}
.remote dl.cnt {
    background: #2f9d27;
}
.remote dl dt {
    font-size: 12px;
    font-weight: bold;
    color: #515b62;
    padding-top: 8px;
}
.remote dl.cnt dt {
    color: #fff;
}
.remote dl dd {
    font-size: 18px;
    font-weight: bold;
    color: #0f72bc;
    margin: 5px 0 0;
}
.remote dl.cnt dd {
    color: #fff;
}
.remote dl dd.last {
    color: #636363;
    border-bottom: none;
}


/* 통화상태 확인창 */
.hgroup p.red {
    color: #f00;
    font-size: 13px;
    font-weight: bold;
    margin-left: 15px;
    padding: 5px;
    border: 1px solid #f00;
    border-radius: 2px;
}
.hgroup p.blue {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-left: 15px;
    padding: 5px;
    border: 1px solid #084195;
    border-radius: 2px;
    background: #084195;
}
.btnbox input.btn_type2-2 {border: 0;}

/* ====== 220516 Common CSS Added end ====== */



/* ====== 220521 Common CSS Added ====== */

/* 등록공지 임시 css */
.wrap .table04 .btngo {
    color: #f00;
    font-weight: 600;
    border: 1px solid #f00;
    border-radius: 15px;
    padding: 2px 2px 2px 5px;
    margin: 5px 0;
    line-height: 24px;
}

/* 공지페이지 불릿 css */
h4 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
h4:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px outset transparent;
    background: #ed1b2f;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: 2px;
}

/* 검색영역 불릿 css */
th.nobullet {
    font-size: 0px;
}
#contents .selectArea .leftTable th:not(.nobullet):before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px outset transparent;
    border-left: 6px solid #0077cd;
    margin-right: 5px;
    margin-left: 1px;
}

/* 검색영역 불릿 css - 계정관리 */
.region .table00 th,
.region .table01 th {
    width: 30%;
}
.region .table00 th:before,
.region .table01 th:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 3px outset transparent;
    border-left: 5px solid #2c2c2c;
    margin-right: 2px;
    margin-bottom: 2px;
}


/* label, input, select 세로정렬 CSS */
#contents table td label {margin-left: 5px;}
#contents table td label.link:last-of-type {/* margin-right: 0; */}
#contents table td input {/* margin-top: -1px; */}

#contents .selectArea table td label {height: 24px;line-height: 22px;vertical-align: middle;}
#contents .selectArea table td label.link {margin-left: 7px;}
#contents .selectArea table td label:first-of-type,
#contents .selectArea table td label.link:first-of-type {margin-left: 0;}

#contents .selectArea table td input {margin-top: 0;}
#contents .selectArea table td label input[type=text] {margin-top: -1px;}
#contents .selectArea input[type="checkbox"],
#contents .selectArea input[type="radio"] {margin-top: -3px;}

#contents .selectArea table td select {vertical-align: middle;}
#contents .selectArea table td label select {vertical-align: baseline;}

.selectArea button.search {
    margin-top: 0;
    height: 24px;
    line-height: normal;
}

#contents td {padding: 8px 3px 7px;}
#contents .newTable tbody tr:not(:last-child) td,
#contents .normalTable tbody tr:not(:last-child) td {border-bottom: 1px solid #d5d5d5;}
#contents td td {padding: 7px 3px 6px;}
#contents td td div.txt_btn {margin: 8px 0 0 0;}

#contents .case>td .tableWrap td input[type=text] {/* height: 24px; */}

#contents .normalTable .total {font-weight: bold;background-color: #f0f0f0;}/*table 합계-row 색상*/


/* sticky-header 2 */
/* section.tabArea {
    position: sticky;
    top: 55px;
    z-index: 70;
}
.tab_content tr.sticky-header th,
.tab_content tr.sticky-header td {
    position: sticky;
    top: 96px;
    left: 0;
    box-shadow: inset 0 -1px #aaa;
} */

/* ====== 220521 Common CSS Added end ====== */



/* ====== 220526 SMS CSS Added ====== */

.sms {width: auto;}
.sms .setting_left {float: left;width: 49%;}
.sms .setting_right {float: right;width: 49%;}
.sms .text_center {clear: both;}

.sms h3 {font-size: 13px;font-weight: 600;margin-bottom: 5px;}
.sms h3:before {content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #0077cd;margin-right: 6px;margin-bottom: 1px;}
.sms h3:not(:first-of-type) {margin-top: 25px;}
.sms h3 span {vertical-align: top;}

.sms tr td .slideAction {background: url(../../../common/images/admin/i_upBtn.png) center no-repeat;cursor: pointer;width: 20px;width: 100%;height: 20px;margin: auto;}
.sms tr.on {background: #eba320;}
.sms tr.on td .slideAction {background: url(../../../common/images/admin/i_downBtn.png) center no-repeat;}
.sms tr.on td:last-child:before {background: url(../../../common/images/admin/icon.png) center no-repeat;}

.setting_box.use_box {border: 0;}
.sms select {width: calc(100% - 20px);}
.sms textarea {height: 400px;}

#contents table.smsset tr:nth-child(even) {background: #fafafa;}
#contents table.smsset tr:nth-child(even) td {border: 0;border-bottom: solid 1px #a2a2a2;}
#contents table.smsset tr:nth-child(even) td:first-child {border-left: solid 1px #a2a2a2;}
#contents table.smsset tr:nth-child(even) td:last-child {border-right: solid 1px #a2a2a2;}
#contents table.smsset tr:nth-child(even) td:nth-child(3) {border-left: solid 1px #d1d1d1;}

.settinglog {padding: 10px;margin-top: 30px;background: #dadada;}
.sms .preview_go {margin: 30px auto 0;border-radius: 3px;height: auto;line-height: 46px;}

.sms .test_box {padding: 10px 10px 10px 70px;}
.sms .test_box .test_tit {padding: 80px 0;width: 60px;}
.sms .test_box .before_box {width: 170px;}
.sms .test_box .btn_box {width: 80px;}
.sms .test_box .after_box {width: 170px;}

.sms .send_box textarea, .sms .send_box .byte_in {border: 0;}

/* ====== 220526 SMS CSS Added end ====== */



/* ====== 220607 record pop CSS Added ====== */

.wrap_box {
    padding: 20px;
}
.wrap_box section h2.title02 {
    margin: 0px;
}
.wrap_box .btn_type5, .wrap_box .btn_type6 {
    margin: 0 5px !important;
    font-size: 14px;
}
.title02 dt, .title02 dd {
    font-size: 16px;
}
.title02 dt {
    font-weight: bold;
}
.wrap_box .table04 th, .wrap_box .table04 td {
    text-align: center;
    font-size: 14px;
    border: none;
    padding: 10px;
}
.wrap_box .table04 input[type="checkbox"]:last-child {
    margin: 0 auto;
}
.mb30 {margin-bottom: 30px;}


.newTable .sBtn, .normalTable .sBtn, .parsedTable .sBtn {
    min-width: auto;
    line-height: 22px;
    max-width: calc(100% - 22px);
    width: 96px;
}
.parsedTable .sBtn {
    width: 116px;
}
.selectArea button.search {
    border: 1px solid #919191;
}
.id_designBox button.search {
    margin-left: 0;
}

#contents .selectArea table td label.link[for^="ACCOUNTINFO"]:not(:first-child) {
    margin-left: 11px;
}

/* ====== 220607 record pop CSS Added end ====== */



/* ====== 220831 sticky-header CSS Added ====== */

/* Sticky-header New Type */
thead.sticky-header {
    position: sticky;
    top: 55px;
    box-shadow: inset 0 -1px 0px 36px #999999, 0 1px 2px #cccccc;
    z-index: 50;
}

/* Tab Area + Sticky-header */
section.tabArea {
    position: sticky;
    top: 55px;
    z-index: 70;
}
.tab_content thead.sticky-header {
    top: 96px;
}

/* Btn Area + Sticky-header */
.tab_content .btn_box01 {
    margin: 0 !important;
    width: calc(100% - 40px);
    padding: 10px 20px;
    text-align: right;
    position: sticky;
    top: 97px;
    z-index: 60;
    background: #fbfbfb;
}
.tab_content .btn_box01 + section thead.sticky-header {
    top: 147px;
    box-shadow: inset 0 -1px 0px 36px #999999, 0 1px 2px #cccccc, 0 -1px 1px #a2a2a2;
}

#contents .btn_box02 {
    position: sticky;
    top: 56px;
    z-index: 60;
    background: #fbfbfb;
    padding: 10px 0;
}
.btn_box02 + div thead.sticky-header {
    top: 106px;
    box-shadow: inset 0 -1px 0px 36px #999999, 0 1px 2px #cccccc, 0 -1px 1px #a2a2a2;
}
div#resultDiv > p {
    font-size: 18px;
    position: sticky;
    top: 76px;
    z-index: 59;
}

/* SearchResult + Sticky-header */
.searchResult {
    position: sticky;
    top: 56px;
    z-index: 60;
    box-shadow: 0 1px 2px #cccccc;
}
.searchResult + div thead.sticky-header,
.searchResult + section thead.sticky-header{
    top: 99px;
}

/* Tab + SearchResult + Sticky-header */
.tab_content .searchResult {
    top: 96px;
}
.tab_content .searchResult + div thead.sticky-header,
.tab_content .searchResult ~ section thead.sticky-header {
    top: 139px;
}

/* 등록내역 페이지 Table - Garo Scroll */
div#resultTableGaroScroll {
    position: sticky !important;
    top: 99px;
    overflow: auto;
    max-height: calc(100vh - 270px);

}
div#resultTableGaroScroll table {
    width: 150%;
}
div#resultTableGaroScroll thead.sticky-header {
    top: 0;
}

/* 녹취충원 페이지 Table - Scroll */
div#resultTableScroll {
    height: calc(100vh - 404px);
    overflow-y: auto;
}
.tab_content div#resultTableScroll {
    height: calc(100vh - 445px);
}
.tabArea + .tab_content div#resultTableScroll {
    height: calc(100vh - 473px);
}

div#resultTableScroll .bg-sticky {
    height: 2px;
    background: #092c74;
    position: sticky;
    top: 0;
    z-index: 9;
}
div#resultTableScroll .table01 {
    margin-top: -2px;
}
div#resultTableScroll .table01 thead {
    position: sticky;
    top: 1px;
    z-index: 0;
    box-shadow: inset 0 -1px 0px 36px #999999, 0 1px 2px #cccccc;
}

/* ====== 220831 sticky-header CSS Added end ====== */

/* SearchUni popup */
#SearchUniDIV {
    background: #eee;
    width: 450px;
    position: fixed;
    z-index: 100;
    display: none;
    padding: 0px !important;
}

#SearchUniDIV .dialog-content {
    text-align: left;
    padding: 10px;
    margin: 13px;
    color: #666;
    font-family: arial;
    font-size: 11px;
}

div#dialog-message {
    padding: 5px;
    box-shadow: inset -2px -1px 5px #aaa, inset -3px -15px 5px #333;
    box-shadow: inset -1px -1px 4px #aaa;
    overflow-y: auto;
    height: 400px;
}

div.popLayer {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 700px;
    margin: auto;
    height: fit-content;
    padding: 10px 20px;
    z-index: 100;
    border-radius: 4px;
    box-shadow: 0 0 7px #7a7a7a;
}

.popLayer .title_top h3:before {
    border-color: #0072bc;
}

.table99 {
    width: 100%;
    text-align: center;
    border-top: 2px solid #0072bc;
}

.table99 th {
    padding: 4px 10px 4px;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    line-height: 16px;
    vertical-align: middle;
}

.table99 td {
    padding: 4px 10px 4px;
}

.table99 td:first-child {
    text-align: left;
}

a.buttonC {
    margin: 10px auto 0 auto;
    text-align: center;
    background-color: #ff7012;
    padding: 3px 5px 2px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 0px #aaa;
    cursor: pointer;
}

.btn_box {
    display: block;
    text-align: center;
}

.btn_box .buttonC {
    display: inline-block;
    width: fit-content;
    font-size: 14px;
    padding: 8px 10px 7px;
    background-color: #ff5a12;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.fixed1 {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #e9e9e9;
    border:1px solid #a2a2a2;
}

.fixed2 {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fdfdfd;
    border:1px solid #a2a2a2;
}

.fixed3 {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fbf1ac;
    border:1px solid #a2a2a2;
}




/* === adding for default.css _ 230109 === */

/* 페이지 상단 알림영역 아이콘 삭제 */
.header .section table th {
	font-size: 15px;
	letter-spacing: 1px;
}
.header .section table th img {
	display: none;
}

/* 대상자 검색 영역 및 상세보기 검색 영역 레이아웃 수정 */
#contents .selectArea .leftTable th {
	padding-left: 60px;
	color: #084195;
	text-align: right;
	padding: 4px 20px 4px 10px;
}
#contents .case>td .selectArea .leftTable th {
	background: #e5eaf5;
	font-weight: bold;
	text-align: right;
	padding: 4px 20px 4px 10px;
}
#contents .selectArea .leftTable tbody tr td {
	border: 0;
}

.caseArea .selectArea {
	border: 0;
	border-top: 1px solid #a2a2a2;
	/* border: 1px solid #d5d5d5; */
	border-top: 1px solid #bbbbbb;
	box-shadow: 0px 0px 1px #757575;
}

/* === adding for default.css _ 230109 END === */



/* 발표페이지 설정 - 이력관리 230215 */
#historyManagement input {
	height: 24px;
	border-radius: 2px;
}
#historyManagement select {
	height: 24px;
	border: solid 1px #b4b4b4;
	background: #e8e8e8;
}