html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 16px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {font-size: 14px;}
/* end reset */

* {
    box-sizing: border-box;
}
a {
    color: #000;
    text-decoration: none;
}
body {font-family: '나눔고딕', "nanumgothic", sans-serif;}

.index-wrap {
    margin: 0 auto;
    width: 645px;
}
.index-title {
    margin-bottom: 20px;
    margin-top: 90px;
}
header:after {
    content:'';
    display: block;
    clear: both;
}

.util-wrap {
    position: absolute;
    right: 0;
    top:15px;
}
.util-lis {
    float: left;
    padding: 0 25px 0 0;
}
.util-lis a {
    font-size: 0.8rem;
    font-weight: bold;
}
.search-area {
    margin-bottom: 24px;
}
.search-area:after {
    content:'';
    display: block;
    clear: both;
}
.search-box {
    border: 3px solid #ff9326;
    height: 60px;
    float: left;
    width: 420px;
    outline: none;
}
.search-btn {
    background: url(../images/img/btn_search.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 60px;
    width: 60px;
    cursor: pointer;
}
.helper {
    background: url(../images/img/btn-helper.png) no-repeat 0 0;
    border: none;
    float: right;
    height: 60px;
    width: 155px;
    cursor: pointer;
}
.navigation {
    border-top: 1px solid #ff9326;
    background: #fef4ea;
    text-align: center;
    padding: 10px;
}
.navigation-wrap {
    display: inline-block;
}
.navigation-lis {
    background: url(../images/img/icon-verLine.png) no-repeat right 50%;
    float: left;
    padding: 0 13px;
}
.navigation-lis:last-child {
    background: none;
}
.navigation-lis a {
    font-size: 0.8rem;
    font-weight: bold;
}
html, body {
    height: 100%;
}
/* start sub */
.sub-wrap {
    min-width: 1200px;
}
.sub-header {
    background: #fef4ea;
    border-bottom: 1px solid #ffe4c9;
    height: 104px;
}
.sub-header > h1 {
    left: 0;
    position: absolute;
    top: 0;
}
.search-area.sub {
    float: left;
}
.sub-search-area {
    padding-left: 104px;
    padding-top: 32px;
}
.sub-search-area:after {
    content: '';
    display: block;
    clear: both;
}
.search-box.sub {
    height: 48px;
    width: 450px;
}
.search-btn.sub {
    background-size: cover;
    float: left;
    height: 48px;
    width: 48px;
}
.helper.sub {
    background-size: cover;
    float: left;
    height: 48px;
    margin-left: 10px;
    width: 124px;
}
.sub-head-title {
    float: left;
    padding: 7px 15px 0 19px;
}
.navigation.sub {
    border: 1px solid #ff9326;
    background: #fff;
    left: 410px;
    position: absolute;
    top:85px;
}
.navigation.sub .navigation-lis {
    padding: 0 16px;
}
.container {
    padding: 30px 39px 0 104px;
}
.container h1 {
    font-size: 1.3rem;
    margin-bottom: 12px;
}
.container h2 {
    border-bottom: 4px solid #000;
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 28px;
    padding-bottom: 10px;
}
.result-text {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 32px;
}
.btn-info {
    border: none;
    background: #ff9326;
    color: #fff;
    margin-bottom: 30px;
    margin-right: 10px;
    padding: 3px 5px 5px;
    cursor: pointer;
}

h3.btn-info {
    cursor: default;
}

.container h3 {
    border-bottom: 1px dashed #ccc;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 7px;                    /*spring 1 */
}
.reply-summary dt {
    font-weight: bold;
    margin-bottom: 13px;
}
.reply-summary dd {
    margin-bottom: 32px;
}
.big-title {
    border-bottom: 4px solid #000;
    font-size: 2.2rem !important;
    margin-bottom: 45px !important;
    padding-bottom: 20px;
}
.qna-lis {
    background: url(../images/img/icon-qmark.png) no-repeat 0 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding: 1px 0 15px 20px;
}
.qna-lis-alink {
    font-weight: bold;
}
.qna-detail-title {
    font-weight: bold;
    margin-bottom: 15px;
}
.qna-detail-content dt {
    background: url(../images/img/icon-q.png) no-repeat 0 12px;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
    font-weight: bold;
    line-height: 1.5;
    padding: 15px 0 15px 30px ;
}
.qna-detail-content dd {
    background: url(../images/img/icon-a.png) no-repeat 0 12px;
    line-height: 1.5;
    padding: 15px 0 25px 30px ;
}
.law-box:after {
    content:'';
    display: block;
    clear: both;
}
.law-box {
    background: #f0f0f0;
    padding: 15px 20px;
    position: relative;
    margin-bottom: 30px;
}
.law-box ul li {
    margin-bottom: 10px;
}
.law-box ul li:last-child {
    margin-bottom: 0;
}
.law-box a {
    text-decoration: underline;
}
.law-box-title {
    float: left;
    font-weight: bold;
    margin-right: 20px;
}
.law-box-list {
    float: left;
}
.law-layer-pop {
    background: #fff;
    border: 1px solid #ccc;
    left: 300px;
    position: absolute;
    padding: 10px;
}
.law-layer-pop h1 {
    background: url(../images/img/icon-law.png) no-repeat 0 2px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 23px;
}
.law-layer-content {
    font-size: 0.85rem;
}
.contact-wrap:after {
    content:'';
    display: block;
    clear: both;
}
.contact-wrap dl {
    border: 1px solid #fdca91;
    float: left;
    margin: 0 3% 20px 0;
    width: 47%;
}
.contact-wrap dl dt {
    background: #fef4ea;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 10px 15px;
}


.contact-wrap dl dd {
    font-size: 1.15rem;
    padding: 15px;
}

.contact-wrap dl dd:last-child {
    padding-top: 15px;
}

.homepage {
    background: url(../images/img/icon-home.png) no-repeat 0 0;
    display: inline-block;
    padding-left: 20px;
    width: 100px;
}
.contact {
    background: url(../images/img/icon-phone.png) no-repeat 0 0;
    display: inline-block;
    padding-left: 20px;
    width: 100px;
}
.admin-head {
    background: #504949;
    border-bottom: 4px solid #fe9426;
    position: relative;
    z-index: 1000;
}
.admin-head nav {
    position: absolute;
    right: 30px;
    top: 20px;
}
.admin-head nav > ul > li {
    background: url(../images/img/admin-gnb-verLine.png) no-repeat 0 0;
    float: left;
    padding:0 35px 18px;
    text-align: center;
    width: 150px;
}
.admin-head nav > ul > li:first-child {
    background: none;
}
.admin-head nav > ul > li.on > a {
    color: #ff9326;
}
.admin-head nav > ul > li.on.pos3:before {
    content:'';
    display: block;
    height: 12px;
    left: 320px;
    position: absolute;
    top: 10px;
    width: 1px;
}
.admin-nav-alink {
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
}
.admin-sub-menu {
    background: #fef4ea;
    border: 1px solid #ff9326;
    font-weight: bold;
    left: 10px;
    padding: 15px;
    position: absolute;
    top: 36px;
    width: 150px;
    display:none;
}
.admin-sub-menu.pos1 {
    left: 10px;
    display:block;
}
.admin-sub-menu.pos2 {
    left: 152px;
    display:block;
}
.admin-sub-menu.pos3 {
    left: 302px;
    display:block;
}
.admin-sub-menu.pos4 {
    left: 450px;
    display:block;
}
.admin-subMenu-lis {


}
.admin-subMenu-alink {
    font-size: 0.9rem;
    line-height: 2;
}
.admin-subMenu-alink:hover {
    color: #ff9326;
}
.admin-subMenu-lis:last-child {
    margin-right: 0;
}
.admin-contents {
    height: 100%;
    margin-top: -60px;
    padding-top: 60px;
    position: relative;
}
.left-area {
    background: #ff9326;
    height: 100%;
    left: 0;
    position: absolute;
    padding-top: 60px;
    top: 0;
    width: 250px;
}
.right-area {
    left: 250px;
    padding: 25px 30px 0 30px;
    position: absolute;
    right: 0;
}
.right-title {
    border-bottom: 1px solid #d2d2d2;
    background: url(../images/img/icon-circle01.png) no-repeat 0 5px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.right-title-mid {
    background: url(../images/img/icon-mid-title.png) no-repeat 5px 1px;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 12px;
    padding-left: 15px;
}
.admin-search-area {
    margin-bottom: 30px;
}


/* 테이블 타입 정의 CSS */
.table-wrap {
    padding: 0 10px;
}
.cellPad {
    padding: 10px  10px 0px 10px !important;
}
.table-typeA {
    border-spacing: 0;
    border-collapse: separate;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 10px;
    width: 100%;
}
.table-typeA th {
    border-top: 1px solid #504949;
    border-bottom: 1px solid #504949;
    border-right: 1px solid #eaeaea;
    color: #555;
    padding: 8px 0;
}
.table-typeA th:last-child {
    border-right: 0;
}
.table-typeA tbody tr:nth-child(odd) {
    background: #fafafa;
}
.table-typeA tbody tr:last-child td {
    border-bottom: 0;
}
.table-typeA td {
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    color: #555;
    font-size: 0.9rem;
    padding: 8px;
    text-align: center;
}
.table-typeA td:last-child {
    border-right: 0;
}
.table-typeB {
    border-spacing: 0;
    border-collapse: separate;
    border-top: 1px solid #d2d2d2;
    margin-bottom: 10px;
    width: 100%;
}
.table-typeB th {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d2d2d2;
    color: #333;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 35px;
    padding: 0 0 0 17px;
    text-align: left;
    vertical-align: middle;
}
.table-typeB td {
   /* border-bottom: 1px solid #d2d2d2;  */
    color: #333;
    font-size: 0.9rem;
    line-height: 35px;
    /*padding: 0 10px 0 10px;  */
    text-align: left;
}

td.cellPad {
    border-top: 1px solid #d2d2d2;
}

.table-typeB span {        /*spring 0726*/
    font-weight: 600;
}

#tree1 {
    padding: 10px;
}
.admin-left-top {
    background: #fef4ea;
    color: #504949;
    height: 60px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 60px;
    text-align:center;
}
.admin-left-top-typeB {
    background: #fef4ea;
    color: #504949;
    height: 60px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 60px;
    position: relative;
    text-align: left;
}
.admin-left-top-typeB > label {
    display: inline-block;
    left:10px;
    line-height: 1;
    position: absolute;
    top: 10px;
}
.admin-left-top-typeB > select {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    height: 26px;
    left:10px;
    position: absolute;
    top:30px;
    width: 200px;
}

/* 어드민 탭메뉴 */
.admin-left-tap-wrap:after {
    content: '';
    display: block;
    clear: both;
}
.admin-left-tap {
    background: #504949;
    float: left;
    padding: 12px 0 8px;
    position: relative;
    text-align: center;
    width: 50%;
}
.admin-left-tap.on {
    background: #ff9326;
}
.admin-left-tap-alink {
    color: #fff;
}
.admin-left-tree{
    background: #fff;
    left: 4px;
    position: absolute;
    width: 242px;
    margin-top: 10px;
}

.admin-left-tap-sub {
    background: #fff;
    left: 4px;
    position: absolute;
    top: 38px;
    width: 242px;
}
.admin-left-tap-sub > ul > li {
    text-align: left;
}
.admin-tap-sub-menu {
    background: url(../images/img/icon-plus.png) no-repeat 15px 8px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    font-size: 0.9rem;
    line-height: 30px;
    padding-left: 35px;
}
.admin-tap-sub-menu.on {
    background: url(../images/img/icon-minus.png) no-repeat 15px 8px;
    background-color: #ff9326;
}
.admin-tap-2depth-wrap > ul > li {
    border-bottom: 1px solid #e2e2e2;
}
.admin-tap-2depth-menu {
    background: url(../images/img/icon-arrow01.png) no-repeat 30px 11px;
    background-color: #f0f0f0;
    display: block;
    font-size: 0.9rem;
    line-height: 30px;
    padding-left: 38px;
}
.admin-tap-2depth-menu.on {
    background-color: #e2e2e2;
    font-weight: bold;
}
.admin-tap-3depth-menu {
    background-color: #f0f0f0;
    display: block;
    font-size: 0.9rem;
    line-height: 20px;
    padding-left: 38px;
}

/* form관련 css */
.input-typeA {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    height: 26px;
    width: 196px;
}
.input-typeA {
    padding: 0 5px;
    width: 100%;
}
.input-typeB {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.input-typeB + label {
    margin-right: 10px;
}
.input-checkbox-typeA {
    margin-right: 10px;
    vertical-align: middle;
}
.input-checkbox-typeA + label {
    font-size: 0.9rem;
    font-weight: bold;
    vertical-align: middle;
}
.input-typeC {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    height: 26px;
    width: 20%;
}
.input-typeD {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    height: 26px;
    width: 10%;
}

/* 버튼 관련 CSS */
.btn-wrap {
    margin-bottom: 10px;
    position: relative;
    text-align: right;
}
.btn-wrap.pos {
    position: absolute;
    right: 5px;
    top: 3px;
}
.btn-wrap.typeB {
    margin-top:5px;
    width: 242px;
}
.btn-wrap.nomargin {
    margin-bottom: 0;
}
.btn-reg {
    background: #7c7575;
    border: 1px solid #504949;
    border-radius: 3px;
    color: #fff;
    font-size: 0.9rem;
    padding: 7px 19px;
}
.btn-list {
    background: #fff;
    border: 1px solid #ff9327;
    padding: 10px 30px;
}
.btn-typeA {
    background: #feca91;
    border: 1px solid #ffa332;
    border-radius: 3px;
    color: #333;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 6px 18px;
}
.search-typeA {
    background: #504949;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 0.8rem;
    padding: 5px 20px;
}
.btn-typeB {
    border: 1px solid #ff9326;
    border-radius: 3px;
    background-color: #fff;
    font-size: 0.8rem;
    padding: 4px 10px;
}
.btn-typeC {
    border: none;
    border-radius: 3px;
    background-color: #feca91;
    font-size: 0.8rem;
    padding: 4px 10px;
}
.btn-typeD {
    border: 1px solid #ff9326;
    border-radius: 3px;
    background-color: #feca91;
    font-size: 0.8rem;
    padding: 2px 10px;
    position: absolute;
    right:5px;
    top:2px;
    width: 60px;
}


/* box 관련 CSS */
.box-typeA {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    font-size: 1rem;
    margin-bottom: 10px;
    min-height: 135px;
    padding: 10px;
}
.box-typeB {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    font-size: 1rem;
    margin-bottom: 10px;
    min-height: 372px;
    padding: 10px;
}

/* list 관련 CSS */
.list-typeA {
    margin-bottom: 10px;
}

/* layer관련 CSS */
.layer-pop-typeA {
    background-color: #fef4ea;
    border: 1px solid #ff9326;
    position: absolute;
    padding: 13px 10px;
    right: 200px;
    text-align: left;
    top: -124px;
    width: 270px;
}
.layer-pop-typeA > h1 {
    font-weight: bold;
    margin-bottom: 12px;
}
.layer-pop-box {
    background-color: #fff;
    border: 1px solid #feca91;
    border-radius: 3px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 4px 0;
    width:97%;
}

/* 컨텐츠 탭 관련CSS */
.content-tap-wrapper {
    border-bottom: 2px solid #ff9326;
    margin-bottom: 30px;
}
.content-tap-wrapper.right {
    margin-bottom: 0;
}
.content-tap-wrap {
    display: block;
    margin-bottom: -2px;
}
.content-tap-wrap:after {
    content: '';
    display: block;
    clear: both;
}
.content-tab-lis {
    float: left;
    margin-right: 3px;
}
.content-tab-alink {
    background-color: #f0f0f0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #ff9326;
    display: block;
    line-height: 35px;
    text-align: center;
    width: 137px;
}
.content-tab-alink-admin {
    background-color: #504949;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #ff9326;
    color: #fff;
    display: block;
    line-height: 35px;
    text-align: center;
    width: 97px;
}
.content-tab-alink.on {
    border: 2px solid #ff9326;
    border-bottom: 2px solid #fff;
    background-color: #fff;
}
.content-tab-alink-admin.on {
    border: 2px solid #ff9326;
    border-bottom: 2px solid #ff9326;
    background-color: #ff9326;
}


/* 통합 패턴관리  */
.total-content-left {
    float: left;
    width: 75%;
}
.total-content-right {

    float: right;
    height: 100%;
    min-width: 296px;
    padding: 60px 0 0 0;
    width: 25%;
}
.total-content-left-menu {
    float: left;
    width: 250px;
}
.total-content-left-content {
    padding: 25px 10px 0 277px;
}
.total-left-menu-top {
    background: #fef4ea;
    height: 60px;
    padding: 9px 12px;
}
.total-left-menu-top > span {
    font-size: 1rem;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.total-left-menu-top > select {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    height: 26px;
    width: 200px;
}
.tab-wrapper {
    background-color: #ff9326;
}
.admin-left-tab-sub-typeB {
    background: #fff;
    width: 242px;
    margin: 12px 0 0 4px;
    text-align: left;
}
.admin-left-tab-sub-typeB > ul > li {
    position: relative;
}
.content-tab-contnet {
    background-color: #f0f0f0;
    height: calc(100% - 35px);
    padding: 5px;
}
.pattern-lis {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9rem;
    padding: 7px 10px;
    position: relative;
}
.pattern-lis.on {
    background-color: #e2e2e2;
}
.pattern-lis-2depth {
    background-color: #fff;
    margin: 10px -10px -7px -10px;
    padding: 7px 0 5px 0;
}
.pattern-lis-2depth > li {
    padding: 5px 0 7px 20px;
}
.pattern-lis-2depth > li > a {
    background: url(../images/img/icon-arrow02.png) no-repeat 0 50%;
    font-size: 0.8rem;
    padding-left: 10px;
}

.txtArea-typeA {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    float: right;
    height: 70px;
    width: 73%;
}
.select-typeA {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    height: 26px;
    width: 62px;
}
.txtArea {
    height: 60px;
    vertical-align: middle;
    width: 100%;
}

.patten_outline{ max-height:400px;overflow:auto; min-height: 400px; border: 1px solid #d2d2d2; margin: 0 0 5px 0;}
.patten_outline .list_left{width:49%;float:left; min-height: 345px; max-height:345px; overflow:auto;}
.patten_outline .list_right{width:49%;float:right; min-height: 345px; max-height:345px; overflow:auto;}

#rlist { min-height:100%;}
.rList {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 24px;
}

div#dialog > ul { margin-top:15px; }

li.hinfo {
    float:left;
    list-style:none;
    margin:1px;
    display:block;
    width:150px;
    height:40px;
    background:#099;
    color:#fff;
    font-size:12px; font-family:"돋움";
    text-align:center;
    padding-top:10px;
    text-decoration:none;
    }

li.hinfo span {display:block;}

li.auto {
    float:left;
    list-style:none;
    margin:1px;
    display:block;
    width:100%;
    height:40px;
    min-width:520px;
}

ul.qna-lis-wrap { float:left; width:100%; min-height:70%; }

div#catArea { float:left; width:100%; border-bottom: 1px dashed #ccc; margin-bottom: 12px; padding-bottom: 12px; }

li.catList {
    float:left;
    list-style:none;
    margin:1px;
    display:block;
    width:160px;
    height:30px;
    background:#ff9326;
    color:#fff;
    font-size:12px; font-family:"돋움";
    text-align:center;
    padding-top:10px;
    text-decoration:none;
    cursor: pointer;
}

li.catList.on{
    float:left;
    list-style:none;
    margin:1px;
    display:block;
    width:160px;
    height:30px;
    background:red;
    color:#fff;
    font-size:12px; font-family:"돋움";
    text-align:center;
    padding-top:10px;
    text-decoration:none;
    cursor: pointer;
}

li.catList span {display:block;}

div#dQAlist > ul {
    margin-top:5px;
    margin-left:20px;    
    }
div#dRelatelist > ul {
    margin-top:15px;
    margin-left:15px;
    }

li.qalist {
    list-style : disc;
    padding: 5px 0px 5px 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;                           /*spring 2019.0610            */
    cursor: pointer;   
    list-style-image: url('../images/img/ul_icon2.png');    /*spring*/   /*list-style-image: url('../images/img/jqtree-circle.png');    ul_icon.png spring */
    }

li.qalist:hover {
    background-color: #f6f6f6;
    }

.input-typeH {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    height: 26px;
    width: 90%;
}

.btn-typeH {
    border: none;
    border-radius: 3px;
    background-color: #099;
    font-size: 0.8rem;
    padding: 4px 10px;
    margin: 4px 2px;
    color:#fff;
    font-size:12px; font-family:"돋움";
    text-decoration:none;
}

.content_right{position:absolute;right:180px;left:0;padding-left:104px; height:70%;}
.footer{ position:relative; display:inline-block; border-top: 2px solid gray; padding-top:30px; width:100%; }
.footer .logo { display:block; position:absolute;}
.footer .logo img { width:100%; }
.footer .add { padding-left:200px; font-size:13px; }
.footer .copyright { padding-left:200px; font-size:12px; letter-spacing:0; line-height:1.2; font-family:NotoKR-Light !important;}

textarea.law-type { 
	width : 800px; 
	height: 300px; 
	line-height: 24px;                   /*spring 0723  */
	}
/* 2018.01.16 추가*/
/* KEEA SITE LINK */
.keeasite_sidelink {position:absolute; top:150px; right:10px; width:160px;}
.keeasite_sidelink h3 {color:#190f06; font-size:13px; text-align:center; margin-bottom:0 !important;padding:10px 0; background-color:#fef4ea;border-top: 1px solid #cbd0d6;border-left: 1px solid #cbd0d6;border-right: 1px solid #cbd0d6}
.keeasite_sidelink ul li {height: 47px;padding:10px 0; border-left:1px solid #cbd0d6; border-right:1px solid #cbd0d6; border-bottom:1px solid #cbd0d6; background-color:#fff;}
.keeasite_sidelink ul li.pd{padding:2px 0;}

.keeasite_sidelink ul li a {position: relative;display:block; padding:5px 5px 5px 35px;/*color:#666;*/ font-size:12px; letter-spacing:-0.05em; background:url('../images/img/icon_keeasitelink.jpg') no-repeat; font-family:NotoKR-Medium !important;}
.keeasite_sidelink ul li a:hover {color:#1b79db;}
.keeasite_sidelink ul li a.ksl01 {background-position:0px -10px;}/* 전기인 뉴스*/
.keeasite_sidelink ul li a.ksl02 {background-position:0px -57px;}/* 공동 구매몰*/
.keeasite_sidelink ul li a.ksl03 {background-position:0px -104px;}/* 정보통합센터(신고 및 증명서 발급)*/
.keeasite_sidelink ul li a.ksl04 {background-position:0px -151px;}/* 전기기술지원센터*/
.keeasite_sidelink ul li a.ksl05 {background-position:0px -198px;}/* 진단정보 종합관리시스템*/
.keeasite_sidelink ul li a.ksl06 {background-position:0px -245px;}/* 전기기술연구원*/
.keeasite_sidelink ul li a.ksl07 {background-position:0px -292px;}/* 전기기술교육원*/
.keeasite_sidelink ul li a.ksl08 {background-position:0px -339px;}/* 전력분야 인력양성사업*/
.keeasite_sidelink ul li a.ksl09 {background-position:0px -389px;}/* 공제 홈페이지*/
.keeasite_sidelink ul li a.ksl10 {background-position:0px -433px;}/* 시도회 홈페이지*/
.keeasite_sidelink ul li a.ksl11 { background-position:0px -480px; } /**/
.keeasite_sidelink ul li a.ksl12 { background-position:0px -527px; } /**/
.keeasite_sidelink ul li a.ksl13 { background-position:0px -574px; } /*발급서류원본확인*/

.keeasite_sidelink ul li a span,
.keeasite_sidelink ul li a em {display:block; font-style:normal;}
.keeasite_sidelink ul li a em {font-size:11px;}

.keeasite_sidelink .Top {margin-top:20px; text-align:center;}
.keeasite_sidelink .Top a {display:inline-block; width:60px; height:60px; font-size:0; text-indent:-9999px; background:url('../img/pTop.png') no-repeat 0 0;}

.mShare {display:none;}

.starRev { margin-top: 20px; margin-bottom : 10px; }
#dPoint .btn-info { float:right; margin-top:10px; margin-bottom:20px; cursor: pointer; }
.starR{
  background: url('../images/img/ico_review.png') no-repeat right 0;
  background-size: auto 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
}
.starR.on{background-position:0 0;}

/* autocomplete scrollbar spring 2019.06.10*/
  .ui-autocomplete {
    max-height: 400px;
    max-width : 535px;      /*자동완성 x */
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 400px;
  }


 /* autocomplete scrollbar end spring 2019.06.10*/
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


/* 지능형도우미 2019.06.17 */
.know_div{
    margin : 0px;
}


.select_out{
    height: 45px;
    border: 1px solid #ccc;
    align-items: center;
    padding: 8px;
    font-size: 13px;
    }

.selectdiv{
    float : left;
    }

#div_raw {
    margin-left: 20px;
    margin-right: 20px;
}


.selectdiv label{
    border: 1px solid #ffa500;
    background: #feca91;
    padding: 5px 10px 4px 10px;     /*spring*/
    margin: 0 1px 0 0;  
    /* border-radius: 10px; */
    font-weight: 600;   
  
}


.select_box{
    width : 200px;
    cursor: pointer;
    border: 1px solid #ffa500;          /*#d2d2d2;*/
    border-radius: 0;
    height: 27px;   
    font: 200 16px '나눔고딕';            /*spring*/ 
    outline: none;
/*    box-shadow: 2px 2px 2px #ffa500 ;  */
}

/*    .selectlist {
        border : 1px solid #aaaaaa;
        display : block;
        overflow-y: auto;
        overflow-x: hidden;
        max-height:400px;
     }
*/
     .uljoblist {
        border: 1px solid #ccc;
        display : block;
        overflow-y: auto;
        overflow-x: hidden;
        max-height:400px;
        font-size: 13px;
        }


 /*
  .uljoblist li{
    float:left;
    list-style:none;
    margin:1px;
    display:block;
    width:100%;
    height:16px;
    min-width:520px;
    cursor: pointer;
  }
*/

 .uljoblist li:hover{
    display: block;
    text-decoration: none;
    color: #3D3D3D;
    cursor: pointer;
    background-color: lightgray;
    background-image: none;
    overflow-x: hidden;
 }


/*
     .job_title {
      border : 1px solid #bbbbbb; 
     font-size: 16px;
     text-align: center;
     background: #aaa;
     padding: 7px 0;
     color: #fff;
     }
  */   
 .job_title {    
	border: 1px solid #ffa500;
    font-size: 14px;
    text-align: center;
    background: #feca91;
    padding: 4px 0;
    color: #000000;
    letter-spacing: 1em;
    font-weight: 600;
  } 
     

input {ime-mode:active;}         /*  spring  input  기본은 한글로 설정*/

/* 지능형도우미 2019.06.17 end*/

/*  alert_dialog start */

.alert_div{
     /* border : 1px solid #bbbbbb; */
     font-size: 14px;
     text-align: center;
     padding :10px;
     margin-top: 10px;
}

/*지능형검색 label */
.knowlabel{	
	word-spacing: 1em	
}

/*  alert_dialog end */

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

.ui-dialog {
   background : white;
    left: 0;
    outline: 0 none;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 101;
    border: 3px solid #504949;

    -moz-box-shadow: 0px 0px 15px rgba(176, 222, 120, 0.2) inset, 3px 3px 8px
      rgba(51, 51, 51, 0.6);
   -webkit-box-shadow: 0px 0px 15px rgba(176, 222, 120, 0.2) inset, 3px 3px
      8px rgba(51, 51, 51, 0.6);
   box-shadow: 0px 0px 15px rgba(176, 222, 120, 0.2) inset, 3px 3px 8px
      rgba(51, 51, 51, 0.6);
   border: 1px solid rgba(176, 222, 120, 0.1);
   background-color: white;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -moz-animation: fadeIn 0.25s;
   -webkit-animation: fadeIn 0.25s;
   animation: fadeIn 0.25s;
}


.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 5px 10px;
    position: relative;
    font-size: 1.3em;
    height:30px;
    background: #ff9326;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
}

.ui-dialog .ui-dialog-title {
    padding: 3px;                             /*spring*/
}
.ui-widget-overlay{
   background: #b0de78;
   z-index: 100;
   position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
}
.ui-dialog-titlebar-close{
   background: #fff;
   border: none;
   border-radius: 3px;
   color: #333;
   font-size: 0.9rem;
   padding: 0 3px;
   float:right;
}

.ui-dialog-buttonset button{
   background: #fff;
    border: 1px solid #b0de78;
    border-radius: 3px;
    color: #333;
    font-size: 0.9rem;
    padding: 6px;
    margin: 3px 0;
    float : left;
}
.ui-dialog-buttonset button.cancel{
   background: #aaa;
   border: 0;
   border-radius: 0;
   color: #fff;
   font-family: '돋움', "Dotum", sans-serif;
   font-size: 0.9rem;
   font-weight: 600;
   padding: 6px 10px;
   margin: 3px;
   float : left;
}
.ui-autocomplete {
   max-height: 500px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
}
.ui-menu .ui-menu-item {
    font-size: 14px;
    line-height: 1.5em !important;     /*spring0726*/
    color: #888;
    text-overflow: ellipsis;
    overflow:hidden;
    padding:3px;
    margin:2px;
    border-bottom: 1px solid #F6F6F6;
    line-height: 15px;
}

/* 글씨배경색 spring */
.ui-menu .ui-menu-item span{
    padding:0;
    font-weight:600;
    color: #fe1a1a;
    /* background-color:skyblue; */
}

.ui-menu .ui-menu-item:hover {
    display: block;
    text-decoration: none;
    color: #3D3D3D;
    cursor: pointer;
    background-color: lightgray;
    background-image: none;
    overflow-x: hidden;
}
.ui-menu .ui-menu-item .ui-state-active {
    font-size: 14px;
    color: #888;
    text-overflow: ellipsis;
    overflow:hidden;
    padding:3px;
    margin:2px;
    background-color: lightgray;
    border: none;
    border-style: none;
}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus {
    border: 1px solid lightgray;
    background-image: none;
    background-color: lightgray;
    font-weight: bold;
    color: #3D3D3D;
}



/* 관련법령출력테이블 */
.table-printB {
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
    width: 100%;
}
.table-printB th {
    background-color: #f0f0f0;       /* #f0f0f0 style=\"background-color: #ff932661;\" */
    border-bottom: 1px solid #d2d2d2;
    color: #333;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 35px;
    padding: 0 0 0 17px;
    text-align: left;
    vertical-align: middle;
}
.table-printB td {
    border-bottom: 1px solid #d2d2d2; 
    color: #333;
    font-size: 0.9rem;
    line-height: 35px;
    text-align: left;
}

.raw-print{	 
	float: right;
	 width : 40px;
	 height: 40px;
	 cursor: pointer;
}