@charset "UTF-8";

@import url('jquery-ui.min.css');

/******************** [ 웹폰트(나눔고딕) 설정 ] ************************/
@font-face {
    font-family: 'ngR';
    src: url('font/NanumGothic-Regular.eot');
    src: url('font/NanumGothic-Regular.eot?#iefix');
    src: local('※'), url('font/NanumGothic-Regular.woff') format('woff');
    font-style:normal;font-weight:normal;
}

@font-face {
    font-family: 'ngB';
    src: url('font/NanumGothic-Bold.eot');
    src: url('font/NanumGothic-Bold.eot?#iefix');
    src: local('※'), url('font/NanumGothic-Bold.woff') format('woff');
    font-style: normal;font-weight: normal;
}

@font-face {
    font-family: 'ntR';
    src: url('font/NotoSansKR-Regular.eot');
    src: url('font/NotoSansKR-Regular.eot?#iefix');
    src: local('※'), url('font/NotoSansKR-Regular.otf') format('opentype');
    font-style:normal;font-weight:normal;
}

@font-face {
    font-family: 'ntB';
    src: url('font/NotoSansKR-Bold.eot');
    src: url('font/NotoSansKR-Bold.eot?#iefix');
    src: local('※'), url('font/NotoSansKR-Bold.otf') format('opentype');
    font-style: normal;font-weight: normal;
}


/******************** [ 스타일 초기화(NOMALIZE) ] ************************/
html,body {height:100%;-webkit-text-size-adjust:none;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0 none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-style:normal;}
li,select,input,label,button,img {vertical-align:middle;}
th, em {font-weight:normal;text-decoration:none;}
input,select,textarea {border-radius:0;}
main {display:block;}
input[type="text"],input[type="password"],
input[type="tel"],input[type="number"],
input[type="email"],input[type="url"],textarea {font-family:inherit;font-size:inherit;-webkit-appearance:none;}
input[type="checkbox"],input[type="radio"] {margin:0;}
img,fieldset,iframe {border:0 none;}
table,div {border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
ul,li,ol {list-style-type:none;}
button {margin:0;padding:0;font-family:inherit;font-size:inherit;background:transparent;border:0 none;cursor:pointer;}
button[disabled] {cursor:default;}
button::-moz-focus-inner {border:0;margin-top:-1px;padding:0;}
table, textarea {width:100%;max-width:100%;}
table {font:inherit;}
textarea {resize:none;}
div,ul,li,span,input,button,a {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
a,span,label {display:inline-block;vertical-align:middle;}
label {cursor:pointer;}



/******************** [ 태그 기본스타일 정의(PRIMARY DESIGN) ] ************************/
body {font-family: '돋움',dotum,Helvetica,sans-serif;font-size:12px;line-height:18px;color: #555;}
a {color: #333;text-decoration:none;}
img {max-width:100%;height:auto;}
pre {font:inherit;}

/***** ( FORM ELEMENT ) *****/
body > form {height:100%}
body.iframeBody > form {height:auto}
input[type="text"],input[type="password"],
input[type="tel"],input[type="number"],
input[type="email"],input[type="url"],
input[type="file"],
select {max-width:100%;height:24px;padding:0 0 0 5px;margin-right:1px;font-family:inherit;font-size:inherit;border:1px solid #c2c4ca;}
select {min-width:80px;padding-right:23px;background:#fff url('../images/bu_arrow_down.gif') no-repeat right 50%;-webkit-appearance:none; appearance:none;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;color:#333;}
select::-ms-expand {display:none;}
@-moz-document url-prefix() {
    select {padding-right:0;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {padding-top:3px;}
}
select[readonly]{color:#333;background-color: #e2f4ff;}
select[disabled]{color:#999;background-color:#dadada;}
textarea {overflow:auto;border:1px solid #c2c4ca;box-sizing:border-box;vertical-align:middle;}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="tel"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
textarea[disabled],
input[type="file"] {color:#999;background-color: #dadada;}
input[type="text"][readonly],
input[type="password"][readonly], 
input[type="tel"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
textarea[readonly],
input[type="file"] {color:#828282;background-color: #e2f4ff;}

/* ( RADIO & CHECKBOX) */
input[type=radio]+label,
input[type=checkbox]+label {margin-left:5px;margin-right:10px;}
input[type=radio]+label:last-child,
input[type=checkbox]+label:last-child {margin-right:0;}

/* ( INPUT FILE ) */
.filebox {display:inline-block;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;height: 24px; padding:0 10px;line-height:24px;font-family: inherit;font-size: inherit;color: #333;vertical-align: middle;background-color: #fff;border: 1px solid #ccc;border-radius: 2px;cursor: pointer;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.filebox .upload-name {height:24px;line-height:24px;padding:0 0 0 5px;margin-right:1px;font-family:inherit;font-size:inherit;border:1px solid #c2c4ca;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.upload-name[readonly] {color:#333;background-color: #e2f4ff;}
.upload-name[disabled] {color:#999;background-color: #dadada;}
.upload-name[readonly] + label {color:#333;background-color: #e2f4ff;}
.upload-name[disabled] + label {color:#999;background-color: #dadada;}



/******************** [ GLOBAL DESIGN CLASS ] ************************/

/* ( FLOAT and CLEARFIX ) */
.fl {float:left;}
.fr {float:right;}
.clear:after {display:block;content: "";position:relative;clear: both;}

/* ( TEXT-ALIGN ) */
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

/* form element align */
input[type=text].txt-r {padding-right:5px;padding-left:0;}

/* table align */
tbody.tbl-txt-c td,tbody.tbl-txt-c th {text-align:center;}
table tbody .txt-l {text-align:left;}
table tbody .txt-c {text-align:center;}
table tbody .txt-r {text-align:right;}
.table-primary.board.tbl-th-l th, table.tbl-th-l th ,
.table-primary.board tbody.tbl-th-l th,
tbody.tbl-th-l th {text-align:left;}
table.table-primary.tbl-th-txtL tr th {text-align:left;}

/* ( FONT ) */
.bold {font-weight:700;}
.normal {font-weight:400;}
.strong, [class^=table] th.strong {color:#ff6769;}
input[readonly].em, input[disabled].em,
.em {color:#006cb8;}
.ellipse {overflow:hidden;width:100%;white-space:nowrap;text-overflow: ellipsis;}
.word-ba {word-break:break-all;}
span span {vertical-align:initial;}



/******************** [ GLOBAL COMPONENT (공통 컴포넌트) ] ************************/

/***** ( BUTTONS ) *****/
.helps + .btns, h1 + .btns, h1 + .clear.title {padding-top:15px;}
.btns + [class^=bullet] {margin-top:15px;} 
.table-primary+.btns {margin-top:-15px;}
.table-primary+.btns.title {margin-top:0}
.btns + iframe {margin-top:10px;}
.btns + .t2 {margin-top:15px;}

/* ( 2rows btns ) */
.btns-btm .fl .p-board-info {top:38px;}
.fr > div.btns-btm {padding-bottom:5px;}

/* btn common design */
button[class*='btn'] {padding: 4px 10px;border:1px solid transparent;border-radius: 2px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    button[class*='btn'] {padding-top:4px;padding-bottom:0px;}
}

/* btn-primary */
button.btn-primary {border-color:#ccc;background-color:#fff;vertical-align:middle;color:#333;}
button.btn-primary[disabled] {background-color:#f9f9f9;color:#999;}

/* btn-primary+strong */
.btn-primary.strong {padding-left:13px;padding-right:13px;background-color: #ef2c30;border-color: #ef2c30;color:#fff;}

/* btn-primary+em */
.btn-primary.em {padding-left:13px;padding-right:13px;background-color: #69707c;border-color: #69707c;color:#fff;}
.btn-primary.tb-strong{color:#fff;background-color:#7c808b;border-color: #6a6d76;}
.btn-primary.tb-em{color:#fff;background-color:#319ce8;border-color: #2a85c5;}

/* btn-primary+tip */
.btn-primary.tip {width:74px;}
.btn-primary.tip span {font-weight:700;vertical-align:baseline;color: #ff5f3d;}

/* btn-table */
button.btn-table {min-height:24px;margin-left:1px;font-size: 11px;border-color: #cdd0d4;background-color: #f2f2f2;color:#333;}
button.btn-table[disabled] {color:#ccc;background-color:#f9f9f9;border-color:#eeeff3;}

/* btn-sub */
button[class*='btn-sub'] {border-color:#a3c4d6;background-color: #e4f5ff;color: #006cb8;}
button[class*='btn-sub'][disabled] {border-color: #d2e3ed;background-color: #fafafa;color: #a5c3d8;}

/* btn-sub2 */
button.btn-sub2 {border-color: #ddadad;background-color: #ffe4e4;color: #c72727;}

/* btn-search */
button.btn-search {min-width: 60px;background-color: #319ce8;border-color: #2a85c5;color:#fff;}
button.btn-tb-find {width: 24px;height: 24px;line-height: 24px;text-indent: -999em;font-size: 0;background: url(../images/icon_tb_search.png) no-repeat 0 0;border-color: #cdcbc5;}
button.btn-tb-delete {width: 24px;height: 24px;line-height: 24px;text-indent: -999em;font-size: 0;background: url(../images/icon_tb_delete.png) no-repeat 0 0;border-color: #cdcbc5;}



/***** ( TABLE ) *****/

/* ( table global class ) */
table.fixed {table-layout:fixed;}
tr.row-link, .row-link {cursor:pointer;}
tbody.row-link tr:hover,
tr.row-link:hover,
tr[onclick]:hover,
tr.rowSpanTr:hover,tr.rowSpanTr.hover,
tr.rowSpanTr:hover + tr.rowSpanSibTr,
tr.rowSpanSibTr:hover  {background-color:#e4f5ff;cursor:pointer;}
.table-primary .row-link tr.cursor-d:hover{background-color: #fff;cursor: default;}
tr.selectedRow {background-color:#e4f5ff;}
.table-primary .row-link.no-link  tr {cursor:default;}
.table-primary tr.cursor-d td:last-child {border-right:0;}
.no-link tr.rowSpanTr:hover,.no-link tr.rowSpanTr.hover,
.no-link tr.rowSpanTr:hover + tr.rowSpanSibTr,
.no-link tr.rowSpanSibTr:hover  {background-color:inherit;cursor:default;}

/* ( table-primary ) */
.table-primary {margin-bottom: 25px;border-top: 1px solid #2f9be6;border-left:1px solid #e1e2e6;border-right:1px solid #e1e2e6;}
.table-primary th, .table-primary td {height: 19px;padding-left: 8px;padding-right:8px;border-bottom: 1px solid #e1e2e6;border-right: 1px solid #e1e2e6;}
.table-primary.wordB th, .table-primary.wordB td {word-break:break-all;word-wrap:break-word;white-space:normal;}
.table-primary th:last-child, .table-primary td:last-child {border-right:0 none;}
.table-primary th:last-child:first-child ,
.table-primary td:last-child:first-child {border-right:1px solid #e1e2e6;}
.table-primary td[colspan]:last-child:first-child {border-right:0;}
.table-primary td.seper ,.table-primary th.seper  {border-collapse:separate;border-right:1px solid #e1e2e6;}
.table-primary th {padding-top:6px;padding-bottom:6px;background-color: #fbfbfb;text-align:left;color: #333;}
.table-primary th.dark {background-color:#f3f4f7;}
.table-primary th.th-step:before,
span.th-step:before {display:inline-block;content:'';position:relative;top:-2px;width:4px;height:4px; margin-right:4px;background-color:#555;border-radius:100px;vertical-align: middle;}
.table-primary th.th-step-in {border-color:transparent;background-color:transparent;padding:inherit;padding-left:25px;}
.table-primary td {padding-top: 5px;padding-bottom: 5px;word-break:break-word;word-wrap:break-word;}
.table-primary.readonly td,
.table-primary td.readonly {color:#888;}
thead.txt-c th {text-align:center;}
.table-primary.board.th-txt-l th {text-align:left}
.table-primary tr th:first-child input + label,
.table-primary tr td:first-child input + label {padding-left:16px;margin-right:0;}
.table-primary tr .table-frame td:first-child input + label {padding-left:20px;}
table tr[onclick] {cursor:pointer}


/* th-required */
th.req:after, td.req:after,
span.req:after {content:"*";margin-left:1px;font-weight:700;color:#ef2c30;}
span.req:after {margin-left:5px;}

/* ( table-primary+board ) */
.table-primary.board {margin-top: 7px;border-width:2px 0 0 0;}
.box-hscroll .table-primary.board {margin-top:0}
.table-primary.board thead th {font-weight:700;text-align:center;background-color: #f3f4f8;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .table-primary.board thead th {padding-top:7px;padding-bottom:4px;}
}
.table-primary.board tbody th {text-align:center;background-color:#fbfbfc;}
.table-primary.board th.dark {background-color;background-color: #f3f4f8;}


/* ( table-view ) */
table.table-primary.view th {position:relative;padding-left:15px;font-weight:700;border-right:0 none;background-color:transparent;text-align:left;}
table.table-primary.view th:after {display:inline-block;content:"";position:absolute;right:0;top:9px;bottom:9px;width:1px;background-color:#ccc;}
table.table-primary.view td {border-right:0 none;}
table.table-primary.view .article {padding: 12px 15px;} 
table.table-primary.view .article.qna {border-bottom-color: #319ce8;}

/* file-attach */
.file-attach {padding-left:20px; background:url(../images/attach.gif) 0 2px no-repeat;}

/* list-navi */
.list-navi {margin-bottom:20px; border-top:1px solid #e1e2e6;}
.list-navi > span {display:block;border-bottom:1px solid #e1e2e6;line-height: 30px;}
.list-navi > span > span { position:relative;padding-left:15px;padding-right:58px;width:110px;font-weight:700;white-space: nowrap;}
.list-navi > span > span:after {display:block;content:"";position:absolute;right:14px;top: 8px;overflow:hidden;width:14px;height:13px;background:url(../images/list-navi.gif) 0 0 no-repeat;}
.list-navi > span > a {width:calc(100% - 115px);}



/***** ( HEADING ) *****/
.h-tit1{font-family:'ngB';font-size:18px;color:#1e1e1e;}

/* ( h-tit-view ) */
.h-tit-view {padding: 9.5px 15px;font-weight:700;font-size:14px;border-top:2px solid #319ce8;border-bottom:1px solid #e1e2e6;background-color:#f3f4f7; color:#1e1e1e;}
.h-tit-view+table[class] {margin-top:0;border-top:0 none;}

/* box-hscroll */
.box-hscroll {overflow:auto;margin-bottom:15px;margin-top:7px;max-width: 100%;}
.box-hscroll.list {max-height:none}
.box-hscroll > table {width:auto;min-width:100%;max-width:none;margin-bottom:0;white-space:nowrap;}
.box-hscroll > table .word-break {white-space:normal;}


/***** ( BULLET ) *****/
.bullet-dep1 {position:relative;padding-left:18px;font-weight:700;color:#333;}
.bullet-dep1:before {display:block;content:"";position:absolute;left:0;top:3px;width:11px; height:11px;background:url('../images/bul_li_dep1.png') no-repeat 0 0;}
.bullet-dep1 + .img-box1, .bullet-dep1 + table {margin-top:6px;}


/***** ( REFERENCE ) *****/
.noti {background:url('../images/bull_noti.png') no-repeat 0 1px; padding-left:20px; text-indent:0;}
.noti span {display:inline; vertical-align:top;}


/***** ( PAGING ) *****/
.paging {margin-bottom: 20px;text-align:center;position:relative;}
.paging .page {position: relative;}
.paging .page:before {display: block;content: "";position:absolute;left:50%;top:50%;height:5px;margin-top:-2.5px;background:url('../images/paging.png') 0 0 no-repeat;}
.paging .page.first,.paging .page.next,
.paging .page.last,.paging .page.prev{font-size:0;text-indent:-9999px;}
.paging .page.first:before,.paging .page.last:before {width:6px;}
.paging .page.prev:before,.paging .page.next:before {width:3px;}
.paging .page.prev:before,.paging .page.next:before {margin-left:-1.5px;}
.paging .page.first:before {margin-left:-3px;}
.paging .page.last:before  {margin-left:-2px;}
.paging .page.first:before, .paging .page.prev:before {background-position:-3px -3px;}
.paging .page.last:before,.paging .page.next:before {background-position:-14px -3px;}
.paging a {min-width:24px;min-height: 24px;padding: 2px 8px;border:1px solid #c2c4ca;border-radius: 2px;background-color:#fff;text-align: center;color:#333;cursor:pointer;} 
.paging a.now {border-color: #6a6d76;background-color: #7c808b;color:#fff;}
table[class*=table]+.paging {margin-top:-10px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .paging a {padding:4px 8px 0px;}
}
.paging-last .paging {margin-bottom:0;}
.paging > button, .paging > div {position: absolute;top: 0;right: 0;}


/* .pager
----------------------------------------------- */
.pagenavi {margin:10px;text-align:center;font-size:12px;line-height:25px}
.pagenavi a, .pagenavi span.pagenavi-current {
display:inline-block;
padding:3px 12px;
text-align:center;
background-color:transparent;
border:1px #e0e0e0 solid;
color:#777;
border-radius:2px;
margin:0
}
.pagenavi span.pagenavi-prev {border:1px #e0e0e0 solid;padding:3px 12px;display:inline-block;}
.pagenavi span.pagenavi-next {border:1px #e0e0e0 solid;padding:3px 12px;display:inline-block;}
 
.pagenavi span.pagenavi-current {border:1px solid #a6c9e2;background-color:#f5f5f5;color:#0082ca}
.pagenavi a:hover {border:1px solid #0082ca;color:#0082ca}


/***** ( DATEPICKER ) *****/
div.datepicker {position:absolute;padding: 13px;border: 3px solid #3593d7;background-color:#fff;box-sizing:content-box;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);z-index:1000;}
input.datepicker {height:22px;width:75px;padding-right: 33px;box-sizing:content-box;background:#fff url(../images/btn_calendar.gif) no-repeat right top;text-align: center;line-height:24px;cursor:pointer;}

/* datepicker design */
.datepicker-switch {height:20px;padding-bottom: 8px;font-family:'ngB';cursor:pointer;}
div.datepicker .dow {font-weight:700;border:1px solid #e1e2e6;border-left:0 none;background-color:#f3f4f7;}
div.datepicker .dow:last-child {border-right:0 none}
div.datepicker .table-condensed tbody {text-align:center;}
div.datepicker .dow, div.datepicker .table-condensed tbody td {font-size:11px;}
div.datepicker .dow, div.datepicker .table-condensed .day {height:25px;width: 24px;}
div.datepicker .table-condensed tbody td > span {padding:3px 5px;border:1px solid #e1e2e6;border-bottom:0 none;border-left:0 none;}
div.datepicker .table-condensed tbody td > span:first-child {border-left:1px solid #e1e2e6}
div.datepicker .table-condensed tbody td > span:last-child {border-right:0 none}
div.datepicker .table-condensed tbody td {border-right:1px solid #e1e2e6;border-bottom:1px solid #e1e2e6;cursor:pointer;}
div.datepicker .table-condensed tbody td.active {background-color: #2f98e2;color:#fff;box-shadow: inset 1px 1px 5px #0f5082;text-shadow: 1px 1px #464646;}
div.datepicker .table-condensed tbody td.disabled {color: #cccccc;}
div.datepicker .table-condensed .day:hover,
div.datepicker .table-condensed tbody td>span:hover {color:#ff5f3d;}
div.datepicker .table-condensed .day.old,
div.datepicker .table-condensed .day.new {color: transparent;cursor:default;}
div.datepicker .table-condensed .day:last-child {border-right:0 none;}

/* prev,next */
div.datepicker .prev,
div.datepicker .next {width:25px;font-size:0;background-repeat:no-repeat;background-position: center 4px;cursor:pointer;}
div.datepicker .prev {background-image:url('../images/datepic-prev.gif?A=1')}
div.datepicker .next {background-image:url('../images/datepic-next.gif?A=1')}


/***** ( PARAGRAPH ) *****/
.p-board-info { display:inline-block;position: relative;margin-bottom: 6px;margin-right:7px;font-weight:bold;}
.p-board-info + .box-hscroll .table-primary.board {margin-top:0;} 
.fl .p-board-info, .fr .p-board-info {position: relative;top: 8px;}
button+.p-board-info {top:1px;padding-left:8px;}
.p-board-info .now {vertical-align:top;color:#ef2c30;} 
.p-board-info .count {margin-left:8px;vertical-align:bottom;}
.p-board-info.btm {top:38px;}


/***** ( SEARCH ) *****/
.searchSec {position:relative;padding:14px 19px;margin-top:15px;margin-bottom:15px;background-color:#f3f4f7;border-left:1px solid #e2e3e7;border-top:1px solid #e2e3e7;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;z-index:1;}
.searchSec table {width:auto;}
.searchSec table tr th {padding:0 10px; text-align:right; font-weight:bold; color:#333; line-height:32px; vertical-align:top;}
.searchSec table tr th.req  {padding: 0 12px 0 20px;}
.searchSec table tr td button.btn {min-width:55px; padding:0 5px; *padding:0; margin-right:2px;} 
.searchSec table tr td button.ui-datepicker-trigger {margin:0 5px 0 -5px;}
.searchSec button.btn_search {position:absolute;right:20px;bottom: 15px;min-width: 60px;height:24px;border-radius:2px;background-color: #319ce8;border-color: #2a85c5;color:#fff;}
.searchSec.single button.btn_search {bottom:19px;}
.list-search{padding:20px 0;margin-top:15px;margin-bottom:15px;text-align:center;background-color:#f3f4f7;border-left:1px solid #e2e3e7;border-top:1px solid #e2e3e7;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;}
.list-search input[type=text] {width:300px;}
.searchSec .wid-select1 {width:100px;}
.searchSec .wid-select1_1 {width:130px;}
.searchSec .wid-select2 {width:120px;}
.searchSec .wid-text1 {width:170px;}
.searchSec .wid-text1_1 {width:120px;}
.searchSec .wid-text2 {width:295px;}


/******************** [ COMMON(GLOBAL AREA) ] ************************/

/***** ( HEADER ) *****/
#header {position:absolute;top:0;left:0;overflow:hidden;height: 95px;width:100%;min-width:1120px;background:#ffffff url('../images/bg_header_line.gif') repeat-x left top;box-shadow:rgb(168, 168, 168) 0px 0px 9px;z-index:100;}
#header.mainH {box-shadow:none}
#header.opened {border-bottom:1px solid #aaaaaa; box-shadow:0 0 30px #333333;}
#header.opened .nav_gnb > ul > li > ul {display:block!important;border-right:1px solid #e0e0e0;height:175px;padding:10px 0;}
#header.opened .nav_gnb > ul > li:first-child > ul {border-left:1px solid #e0e0e0;}
#header .inner {position:relative;width:1120px;height: 95px;padding:0 0 0 210px;margin:0 auto;}
#header .inner:before {display:block;content:"";width:100%;height:37px;}
#header .inner:after {display:block;content:"";position:absolute;left: -234px;right:0;top: 100px;width:1120px;height: 169px;background: #ffffff url('../images/header-bg.png') no-repeat center 0;z-index:-3;}

/* links */
.links {position:absolute;left:0;top:0;width:100%;min-width:1120px;height:37px;text-align:right;z-index: 101;}
.links .links-wrap {width:1120px;margin:auto}
.links .links-wrap strong,
.links .links-wrap a {position:relative;display:inline-block; height:19px; line-height:19px; margin-top:13px; padding-left:12px; margin-left:8px;vertical-align:top; font-family:'ngB';  font-size:13px;}
.links .links-wrap a:before {display: block;content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -5px;background-color: #5a5a5a;}
.links .links-wrap a:first-child:before {background:none;}
.links .links-wrap strong {color:#000;padding-left:0;}
.links .links-wrap .ico-home {background: url(../images/ico_home.gif) no-repeat 10px 2px;padding-left:30px;}
.links .links-wrap .btn-logout {height: 24px;margin-top:10px; padding-top: 3px;font-weight: 400;border-radius: 2px;text-decoration: none;color: #fff;width:76px;background-color:#ef2c30;}

/* header */
#header h1 {position:absolute; left:0; top:0; padding:37px 0 0 0;}
#header h1 span {font-size:13px;font-family:tahoma;font-weight:bold;color:#444;padding:0 0 0 10px;}
#header .nav_gnb  {clear:both; height: 50px; overflow: visible !important;}
#header div,
#header .inner,
#header .nav_gnb {overflow: visible !important;}
#header .nav_gnb a {font-family:'ngB'; color:#000;}
#header .nav_gnb > a {float:right; padding:15px 0 17px 30px; margin:0; font-size:18px;}
#header .nav_gnb > ul {float:right;}
#header .nav_gnb > ul > li {float:left;}
#header .nav_gnb > ul > li > a {display:block; padding:15px 70px 25px 70px; font-size:18px;}
#header .nav_gnb > ul > li > ul {display:none;}
#header .nav_gnb > ul > li > ul > li {height:30px;}
#header .nav_gnb > ul > li > ul > li > a {display:block;padding:0 17px;font-size:14px;font-weight:400;font-family:'ngR';line-height:30px;}
/* 현재 대메뉴 활성화 */
#header .nav_gnb > ul > li.active > a,
#header .nav_gnb > ul > li:hover > a {position:relative;color:#006cb8;}
#header .nav_gnb > ul > li.active > a:before,
#header .nav_gnb > ul > li:hover > a:before {display:block;content:""; position:absolute;top:41px;left:50%;border-style:solid;width:0;height:0;margin-left: -6px;border-width:7px;border-color: transparent transparent #0080c6 transparent;}
/* 대메뉴 hover */
#header .nav_gnb > ul > li ul {position:relative;height: 800px;}
#header .nav_gnb > ul > li:hover ul:after{display:block;content:"";position:absolute;top:0;right:0;left:0;bottom: -400px;background-color:#0080c6;z-index: -1;}
#header .nav_gnb > ul > li:hover > ul > li > a {color:#fff;}
#header .nav_gnb > ul > li:hover > ul > li > a:hover {background-color:#75dcff;color:#004c81;}



/***** ( SECTION ) *****/
#section {overflow: hidden;width:1120px;margin:0 auto;padding:95px 0 100px 0;}
#section:after {display:block;content:"";clear:both;}
#mArticle {float:right; width:880px;}
#mAside {float:left;width:210px;padding-top:15px;font-size:12px;}
#mAside .personal {position:relative;padding: 18px 10px 10px 10px;margin-bottom:10px;border: 1px solid #cdcfd5;border-radius:5px;line-height:22px;text-align:center;color:#000;}
#mAside .personal p strong{display: block;padding: 0 10px;line-height:17px;word-break:break-word;word-wrap:break-word;}
#mAside .personal p span {display:block;text-align:center;margin-bottom: 10px;}
#mAside .personal [class^=lnbBtn] {height:24px;padding-top:1px;font-weight:400;border-radius:2px;text-decoration:none;color:#fff;}
.lnbBtn-info {width:99px;background-color:#69707c}
.lnbBtn-logout {width:76px;background-color:#ef2c30}
.lnb-descArea {padding-top:10px;}
select.lnb-favlink {width: 140px;}
.lnb-btnSet {height:24px;width:42px;border:1px solid;border-radius:2px;border-color:#c2c4ca #9b9da2 #9b9da2 #c2c4ca;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #mAside .personal [class^=lnbBtn],
    .lnb-btnSet {padding-top:3px}
}


/* (lnbMenuWrap - 메뉴영역) */
.lnbMenuWrap {position:relative;border-radius:5px 5px 0 0;}
.lnbMenuWrap:after,
.lnbMenuWrap:before {position:absolute;right: 0px;top:80px;display:block;content:"";width:1px;height:5000px;background-color: #e6e6e6;z-index: -1;}
.lnbMenuWrap:before {right:auto;left:0;}

#mAside > dl dt {position:relative;padding:36px 0 18px 0;text-align:center;font-size:25px;font-family:'ngB';border-radius:5px 5px 0 0;background:url('../images/bg_lnb_title.gif') no-repeat left top;color:#fff;line-height:1;} 
#mAside > dl dt:before {content:"";display:inline-block; position:absolute; top:21px;left:50%;margin-left:-25px;width:50px; height:0; font-size:14px; font-family:'ngB'; color:#9fd7ff; border-top:3px solid #9fd7ff;}
#mAside .nav_lnb > li > a {display:block;padding: 7px 14px;font-size:13px;color:#222;border-bottom:1px solid #e6e6e6;}
#mAside .nav_lnb > li > a:hover {background-color:#4face9; color:#fff;}
#mAside .nav_lnb > li.isDepth > a {background:url('../images/bu_plus.gif?A=1') no-repeat 192px center;}
#mAside .nav_lnb > li.isDepth > a:hover {background-color:#4face9; color:#fff;}
#mAside .nav_lnb > li.opened > a {position:relative;margin:-1px 0 0 0;background:#008adf;color:#fff;}
#mAside .nav_lnb > li.isDepth.opened > a {background:#008adf url('../images/bu_minus.gif') no-repeat 192px center;}
#mAside .nav_lnb > li > ul {display:none; padding:10px 0; margin:0 1px; background:#fbfbfb; border-bottom:1px solid #e6e6e6;}
#mAside .nav_lnb > li > ul > li > a {display:block; padding:0 19px; line-height:25px; font-size:13px; color:#666; background:url('../images/bg_bar.gif') no-repeat 11px center;}
#mAside .nav_lnb > li > ul > li > a:hover {font-weight:700;color:#006cb8;}
#mAside .nav_lnb > li > a.active_Y + ul {display:block;}
#mArticle {position:relative;}
#mArticle .crumbs {height:14px; margin:20px 0 0 0; line-height:14px; color:#777;  text-align:right;}
#mArticle .crumbs .text_location {vertical-align:top;color:#000;}
/* page H1 (Page title/Heading) */
#mArticle h1 {padding:15px 0 13px 0; font-size:25px; font-family:'ngR'; color:#000; border-bottom:1px solid #eaeaea;}
#mArticle h1 + form {padding-top:20px;}
#mArticle h1 + [class^=bullet] {margin-top:20px;}


/***** ( FOOTER ) *****/
#footer {position:relative;width:100%; min-width:1120px;height:139px;border-top:1px solid #d2d2d2;background-color:#f3f4f7;z-index:10;}
#footer .inner {position:relative;width:1120px;margin:0 auto;padding:26px 0 0 139px;background:url('../images/bg_ktnet_gray.gif') no-repeat 0 22px;}
#footer .inner p {margin-bottom:11px;}
#footer .inner p a {position:relative;padding-left:16px;padding-right:10px;font-family:'ngB'; font-size:13px;color:#444;}
#footer .inner p a:first-child {padding-left:0;}
#footer .inner p a:first-child:before{background-color:transparent;}
#footer .inner p a:last-child:hover {color:#444;cursor:default;}
#footer .inner p a.b,
#footer .inner p a:hover {color:#006cb8;}
#footer .inner > p > a:before{display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:11px;margin-top:-5px;background-color:#dcdee3;}
#footer .inner p.address {font-family:'ngR'; line-height:22px; color:#777;}
#footer .inner dl {position:absolute; right:0; top:18px;}
#footer .inner dl dt a {display:block;width:138px; height:22px;padding:0 0 0 10px;border:1px solid #bbb;background:#fff url('../images/bu_arrow_down_up.gif') no-repeat 118px 7px;line-height:22px;color:#666;}
#footer .inner dl.opened dt a {background-position:118px -35px;}
#footer .inner dl dd {display:none;position:absolute; left:0; bottom:21px;width:136px;border:1px solid #c4c6cb;background:#fff;text-align:left;}
#footer .inner dl dd li {border-top:1px solid #e1e2e6;}
#footer .inner dl dd li:first-child {border-top:0 none;}
#footer .inner dl dd li a{display:block;padding:0 5px;line-height:22px;color:#777;}
#footer .inner dl dd li a:hover{background-color:#eeeff3;color:#ff5f3d;}


/***** ( 업무담당자정보 ) *****/
.user-info table .btn-table {vertical-align:bottom;}
.user-info table p + p {margin-top:5px;}
.user-info input[type='text'].tel,
.user-info input[type='tel'].tel,
.user-info input[type='number'].tel {width:120px !important; text-align:center;}
.user-info input[type='number'].telSub {width:73px !important; text-align:center;}
.user-info h1 > span {float:right;font-size:12px;font-family:'ngR';padding-top:6px;}
.user-info .bullet-dep1 {margin:20px 0 10px}
.user-info input[type="text"],
.user-info input[type="password"],
.user-info select {width:250px;}
.user-info .noti {margin-top:5px;}
.user-info h1 button {font-size:12px; vertical-align:baseline;}
.user-info .button-area-c {text-align:center; padding:20px 0;}
.user-info .button-area-r {text-align:right; padding:20px 0;}
.user-info .button-area-l {padding-bottom:20px;}
.user-info .privacy_wrap {border:1px solid #e1e2e6; padding:20px;position:relative;}
.user-info .agree-confirm {position:absolute;right:20px;top:50%;margin-top:-10px;font-family:"ngB";font-size:16px;color:#222;}


/***** ( USER-JOIN ) *****/
.user-join #section {background:#eee; width:100%; padding:40px 0}
.user-join #mArticle {float:none;width:1120px; margin:0 auto}
.user-join #mArticle h1 {height:68px;margin:15px 0;padding-top:28px;font-size:25px; font-family:'ngR';color:#1e1e1e;border-bottom:1px solid #cdcfd5;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.user-join .user-join-header {width:1120px; height:85px; margin:0 auto; padding:23px 0}
.user-join .user-join-header h1 {font-family:'ngB'}
.user-join .user-join-header h1 span {padding:5px 0 0 10px;}
.user-join .user-join-header .fr {padding:10px 0}
.user-join .user-join-header .fr button {background:url('../images/icon_join_manual.png') no-repeat 0 50%; padding:5px 0 5px 36px}

.user-join .join-step {display:table;margin:0 auto}
.user-join .join-step li {position:relative;padding-top:80px}
.user-join .join-step li:before {content:'';display:block;position:absolute;left:50%;top:0; height:65px}
.user-join .join-step li:nth-child(1):before {width:67px;margin-left:-33px; background:url('../images/sp_join_step.png') no-repeat 0 -9px}
.user-join .join-step li:nth-child(2):before {width:71px;margin-left:-35px; background:url('../images/sp_join_step.png') no-repeat -160px -9px}
.user-join .join-step li:nth-child(3):before {width:47px;margin-left:-23px; background:url('../images/sp_join_step.png') no-repeat -332px -3px}
.user-join .join-step li:nth-child(4):before {width:56px;margin-left:-28px; background:url('../images/sp_join_step.png') no-repeat -492px 0}
.user-join .join-step li:nth-child(5):before {width:66px;margin-left:-33px; background:url('../images/sp_join_step.png') no-repeat -652px -7px}
.user-join .join-step li.on:nth-child(1):before {background-position:0 -139px}
.user-join .join-step li.on:nth-child(2):before {background-position:-160px -139px}
.user-join .join-step li.on:nth-child(3):before {background-position:-332px -133px}
.user-join .join-step li.on:nth-child(4):before {background-position:-492px -130px}
.user-join .join-step li.on:nth-child(5):before {background-position:-652px -137px}

.user-join .join-step li {display:table-cell;width:160px; text-align:center}
.user-join .join-step li span {font-family:'ngR'; font-size:14px; color:#008ddf; padding:5px 0}
.user-join .join-step li p {position:relative;font-family:'ngR'; font-size:18px}
.user-join .join-step li.on span {font-family:'ngB'}
.user-join .join-step li.on p {font-family:'ngB'}
.user-join .join-step li p:after {content:'';display:block;position:absolute;right:0;top:0; width:24px;height:25px;background:url('../images/sp_join_step.png') no-repeat -810px 0}
.user-join .join-step li.on p:after {background-position:-810px -130px}
.user-join .join-step li:last-child p:after {background:none}

.user-join .join-inner {background-color:#fff; padding:20px 40px; margin-top:20px}
.user-join .join-inner .privacy_wrap {height:120px; overflow-y:scroll; border:1px solid #e1e2e6; padding:20px}
.user-join .join-inner h1 > span {float:right;font-size:12px;font-family:'ngR';padding-top:6px}

.user-join .join-inner .bullet-dep1 {margin:20px 0 10px}
.user-join .join-inner .privacy_wrap + .txt-r {margin:10px 0 20px}
.user-join .join-inner .privacy_wrap + .txt-r + .txt-c {margin:20px 0}

.user-join .join-inner input[type="text"],
.user-join .join-inner input[type="password"],
.user-join .join-inner select {width:250px;}
.user-join .join-inner table p + p {margin-top:5px;}
.user-join .join-inner table input[type='text'].tel,
.user-join .join-inner table input[type='tel'].tel,
.user-join .join-inner table input[type='number'].tel {width:120px !important; text-align:center;}
.user-join .join-inner table input[type='number'].telSub {width:73px !important; text-align:center;}

.user-join .join-inner .add {padding-bottom:10px}
.user-join .join-inner h1 button {font-size:12px; vertical-align:baseline}

.user-join .service-select  {text-align:center}
.user-join .service-select  li {display:inline-block; width:24%}
.user-join .service-select  li div:before {content:'';display:block;position:absolute; left:50%; top:40px; height:85px;}
.user-join .service-select  li:nth-child(1) div:before {background:url('../images/sp_join.png') no-repeat 0 0; width:93px; margin-left:-46px}
.user-join .service-select  li:nth-child(2) div:before {background:url('../images/sp_join.png') no-repeat -200px 0; width:64px; margin-left:-32px}
.user-join .service-select  li:nth-child(3) div:before {background:url('../images/sp_join.png') no-repeat -356px 0; width:91px; margin-left:-45px}
.user-join .service-select  li:nth-child(4) div:before {background:url('../images/sp_join.png') no-repeat -557px 0; width:57px; margin-left:-29px}
.user-join .service-select  li.on:nth-child(1) div:before {background:url('../images/sp_join.png') no-repeat 0 -120px; width:93px; margin-left:-46px}
.user-join .service-select  li.on:nth-child(2) div:before {background:url('../images/sp_join.png') no-repeat -200px -120px; width:64px; margin-left:-32px}
.user-join .service-select  li.on:nth-child(3) div:before {background:url('../images/sp_join.png') no-repeat -356px -120px; width:91px; margin-left:-45px}
.user-join .service-select  li.on:nth-child(4) div:before {background:url('../images/sp_join.png') no-repeat -557px -120px; width:57px; margin-left:-29px}
.user-join .service-select  li div {position:relative; height:350px; margin:0 10px; padding:170px 0 20px; background-color:#efefef; color:#3f4653; font-size:20px; font-family:'ngB'}
.user-join .service-select  li div .sub {display:block; font-size:12px; margin-top:25px;}
.user-join .service-select  li div .tit {display:block; height:40px;font-size:15px; margin-top:40px}
.user-join .service-select  li div p {position:absolute; left:0; bottom:20px; width:100%}
.user-join .service-select  li.on div {background-color:#008ddf; color:#fff}
.user-join .service-select  li span {display:block}

.user-join .join-info {padding:20px 0 40px 150px; background:url('../images/icon_join_5_1.png') no-repeat 20px 50%; border-bottom:1px solid #cdcfd5}
.user-join .join-info > div {display:inline-block;padding:10px 20px; margin-top:20px; background-color:#a0dcff; color:#000}
.user-join .join-info > div strong + strong {margin-left:20px}

.user-join .join-submit {margin-top:20px; margin-bottom:25px}
.user-join .join-submit li {float:left;width:50%}
.user-join .join-submit li:nth-child(1) div {padding-right:5px}
.user-join .join-submit li:nth-child(2) div {padding-left:5px}
.user-join .join-submit li:nth-child(1) div a {padding-top:35px}
.user-join .join-submit li:nth-child(2) div a {line-height:100px}
.user-join .join-submit li a {position:relative;display:block; height:100px; padding-left:137px; background-color:#008ddf; color:#fff; font-size:20px; font-family:'ngB'}
.user-join .join-submit li a:after {content:'';display:block;position:absolute;top:50px;right:35px; width:21px; height:33px; margin-top:-16px; background:url('../images/icon_join_5_3.png') no-repeat 0 0}
.user-join .join-submit li a:before {content:'';display:block; position:absolute;left:50px;top:50%}
.user-join .join-submit li:nth-child(1) a:before {width:62px; height:53px; margin-top:-27px; background:url('../images/icon_join_5_2.png') no-repeat 0 0}
.user-join .join-submit li:nth-child(2) a:before {width:51px; height:49px; margin-top:-24px; background:url('../images/icon_join_5_4.png') no-repeat 0 0}
.user-join .join-submit li a span {display:block;font-size:15px; margin-top:5px}

.user-join .join-explain div, .user-join .join-explain div {padding:20px 0 10px 100px}
.user-join .join-explain {margin:20px 0}
.user-join .join-print div {background:url('../images/icon_join_5_5.png') no-repeat 35px 50%}
.user-join .join-print div, .user-join .join-auto div {padding:20px 0 10px 100px}
.user-join .join-print button, .user-join .join-auto button {margin-top:5px}
.user-join .join-auto {margin:20px 0}
.user-join .join-auto div {background:url('../images/icon_join_5_6.png') no-repeat 35px 50%}

.user-join .etp-style-img a {display:none}
.user-join .etp-style-img a img {width:50%}

.user-join .checkbox-area + .table-primary {margin-top:6px}
.user-join .ect-service-view {display:none}
.user-join .ect-service-view.on {display:block}

.user-join .pormemberwithdrawc p + p {margin-top:20px}
.user-join .pormemberwithdrawc + .txt-box-line {margin-top:40px}
.user-join .pormemberwithdrawc + .txt-box-line p + p {margin-top:20px}

.user-join .button-area-c {text-align:center; padding:20px 0}
.user-join .button-area-r {text-align:right; padding:20px 0}
.user-join .button-area-l {padding-bottom:20px}

.user-join .table-primary .li3 li{display:inline-block; width:32%}



/***** ( LIST ) *****/
ul[class*="li-dep"] > li,ol[class*="li-dep"] > li ,ol[class*="li-num"] > li {position:relative;}
ul[class*="li-dep"] > li:first-child,ol[class*="li-dep"] > li:first-child ,ol[class*="li-num"] > li:first-child {margin-top:0;}
ul[class*="li-dep"] li:before,ol[class*="li-dep"] li:before, ol[class*="li-num"] li:before {display:block;content:"";position:absolute;left:0;}
/* ( li-dep2 ) */
.li-dep2 > li {padding-left:12px;}
.li-dep2 > li:before {top:-2px;width:5px;height:5px;margin-top:7px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;background-color:#148ee5;}
.li-dep2.space > li {margin-top:7px;}

/* ( li-dep3 ) */
.li-dep3 > li {padding-left:10px;}
.li-dep3 > li:before {top:0;width:5px;height:5px;margin-top:7px;background:url('../images/bul_li_dep3.png') no-repeat 0 0;}


/***** ( TEXT-BOX ) *****/
.txt-box1 {font-size:13px}
.txt-box-gray {padding:16px 20px;border:1px solid #e1e2e6;background-color:#f3f4f7;}
.txt-box-gray > strong {display:block;font-size:14px;color:#333;}
.txt-box-gray > strong.em {color:#0080c6;}
.txt-box-gray > strong.strong {color:#ff6769;}
.txt-box-gray strong + p {padding-top:7px;}
.txt-box-line {padding:16px 20px;border-left:1px solid #e1e2e6;border-top:1px solid #e1e2e6;border-right:1px solid #cacbcf;border-bottom:1px solid #cacbcf;}
.txt-box-gray span {display:inline;}
.txt-box-gray .li-dep3 {margin-top:5px}




/******************** [ MAIN ] ************************/

/***** ( SECTION ) *****/
#section.oa-main-section {width:100%;padding-bottom:60px;}

#section.oa-main-section .visual {background:url(../images/img_index_visual.png) center bottom no-repeat;background-size:cover;height:283px;}
#section.oa-main-section .visual2 {background:url(../images/img_index_visual2.png) center bottom no-repeat;background-size:cover;height:190px;}
#section.oa-main-section .visual-area {width:1120px; margin:0 auto;position:relative;}
#section.oa-main-section .visual-area .status-logout {position:absolute;left:60px;top:95px;}
#section.oa-main-section .visual-area .status-login {position:absolute;left:26px;top:67px;}
#section.oa-main-section .visual-area .status-login strong {display: block;font-size:14px;font-weight:bold;color:#fff;line-height:17px;word-break:break-word;word-wrap:break-word;}
#section.oa-main-section .visual-area .status-login span {display:block;font-size:14px;font-weight:bold;color:#14fcff;margin:16px 0 15px 0;}
#section.oa-main-section .visual-area .status-login [class^=lnbBtn] {height:24px;line-height:24px;border-radius:2px;text-decoration:none;color:#fff;text-align:center;}
#section.oa-main-section .visual-area .status-login .lnbBtn-info {width:99px;background-color:#69707c}
#section.oa-main-section .visual-area .status-login .lnbBtn-logout {width:76px;background-color:#025fc2}


/***** ( LOGIN ) *****/
#section.oa-main-section .login-area {width:1120px; margin:16px auto 18px auto;border:1px solid #d5d5d5;height:68px;padding-top:12px;}
#section.oa-main-section .login-area input, .oa-main-section .login-area button {height:30px; line-height:30px; padding-top:0; padding-bottom:0}
#section.oa-main-section .login-area button.btn-primary {padding-left:25px; padding-right:25px;border-radius:0;}
#section.oa-main-section .index-login {display:table;margin:0 auto;}
#section.oa-main-section .index-login h2 {display:inline-block; position:relative;top:3px;min-height:22px;font-family:'ngB'; font-size:22px; color:#2c2c2c; background:url('../images/icon_main_login.png') no-repeat left top; padding:8px 0 0 35px;}
#section.oa-main-section .index-login-l {padding:0 10px}
#section.oa-main-section .index-login-l input {width:162px}
#section.oa-main-section .index-login-l input, .oa-main-section .index-login-l button {float:left; margin:0;}
#section.oa-main-section .index-login-l input + input, .oa-main-section .index-login-l button {margin-left:-1px;}
#section.oa-main-section .index-login label {padding-right:20px}
#section.oa-main-section .index-login-r .btn-primary {border:none;}
#section.oa-main-section .index-login-r .btn-primary.gray {background:#d2d5da;color:#1e201f;}
#section.oa-main-section .index-login-r .btn-primary.black {background:#3f4553;color:#fff;}
#section.oa-main-section .index-login-l .box_capslock {  position:absolute; opacity: 0.75; margin-top:30px; }
#section.oa-main-section .index-login-l .box_capslock > p{ width: 170px; height: 32px; line-height: 32px; background-color: #000; padding: 0 8px; color: #fff; position:relative; right:-91%;}
#section.oa-main-section .index-login-l .box_capslock > p > strong{ color: #FFFA91;}


/***** ( DASHBOARD ) *****/
.dashboard-area {background:#f4f5f8;padding:44px 0 50px 0;margin-bottom:50px;}
.dashboard-area .dashboard-in:after {content:"";display:block;clear:both;}
.dashboard-area .dashboard-in {width:1120px; margin:0 auto;}
.dashboard-area .dash-box {float:left;width:550px;height:280px;border:1px solid #e1e1e1;border-radius:4px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);padding:26px;background:#fff;}
.dashboard-area .dash-box + .dash-box {float:right;}
.dashboard-area .dash-box h2:before {content:"";display:inline-block;width:36px;height:3px;background:#ed1c24;position:absolute;lefT:0;top:0;}
.dashboard-area .dash-box h2 {position:relative;font-size:24px;font-family:"ngB";padding:25px 0;}
.dashboard-area .dash-box h2 em {color:#197fce;}
.dashboard-area .dash-list li {float:left;width:50%;padding:0 15px;}
.dashboard-area .dash-list li:nth-child(even) {padding-right:0;}
.dashboard-area .dash-list li:nth-child(odd) {padding-left:0;}
.dashboard-area .dash-list dl {height:51px;line-height:51px;border-bottom:1px solid #d8d8d8;padding:0 13px 0 1px;}
.dashboard-area .dash-list dt {float:left;font-size:14px;font-weight:bold;}
.dashboard-area .dash-list dd {float:right;}
.dashboard-area .dash-list dd span {font-size:16px;font-weight:bold;;text-align:center;width:55px;height:27px;border-radius:27px;line-height:27px;background:#359ee7;color:#fff;}


/***** ( BOARDS ) *****/
.main-board-area:after {content:"";display:block;clear:both;}
.main-board-area {width:1120px; margin:0 auto;}
.main-board-area .board-notice {float:left;width:410px;border:1px solid #d5d5d5;height:274px;padding:0 23px;position:relative;}
.main-board-area .board-notice h2 {font-size:20px;color:#2f2f2f;font-family:"ngB";padding:32px 0 33px 0;}
.main-board-area .notice-list li:after {content:"";display:block;clear:both;}
.main-board-area .notice-list li {background:url(../images/bull_square.png) left center no-repeat;padding:0 0 0 10px;}
.main-board-area .notice-list li a {float:left;font-size:14px;color:#1e1e1e;padding:5px 0;position:relative;}
.main-board-area .notice-list li a:hover {color:#197fce;font-weight:bold;}
.main-board-area .notice-list li a .tit {font-size:14px;color:#ef2c30;}
.main-board-area .notice-list li a .txt {width:250px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.main-board-area .notice-list li a .ico-new {display:inline-block;width:15px;height:13px;background:url(../images/icon_new.png) center center no-repeat;position:absolute;right:-5px;top:5px;}
.main-board-area .notice-list li .date {float:right;color:#1e1e1e;padding:4px 0 0 0;}

.main-board-area .board-data {float:left;width:410px;border:1px solid #d5d5d5;height:274px;padding:0 23px;position:relative;margin-left:10px;}
.main-board-area .board-data h2 {font-size:20px;color:#2f2f2f;font-family:"ngB";padding:32px 0 33px 0;}
.main-board-area .data-list li:after {content:"";display:block;clear:both;}
.main-board-area .data-list li {background:url(../images/bull_square.png) left center no-repeat;padding:0 0 0 10px;}
.main-board-area .data-list li a {float:left;font-size:14px;color:#1e1e1e;padding:5px 0;position:relative;}
.main-board-area .data-list li a:hover {color:#197fce;font-weight:bold;}
.main-board-area .data-list li a .tit {font-size:14px;color:#ef2c30;}
.main-board-area .data-list li a .txt {width:250px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.main-board-area .data-list li a .ico-new {display:inline-block;width:15px;height:13px;background:url(../images/icon_new.png) center center no-repeat;position:absolute;right:-5px;top:5px;}
.main-board-area .data-list li .date {float:right;color:#1e1e1e;padding:4px 0 0 0;}

.main-board-area .agree-link {float:right;width:280px;border:1px solid #d5d5d5;height:132px;padding:0 13px;position:relative;}
.main-board-area .agree-link a {display:block;height:127px;font-size:16px;color:#2f2f2f;font-family:"ngR";line-height:1.5;text-align:center;letter-spacing:-1px;padding:25px 0 25px 70px;background:url(../images/icon_main_agree.png) left 30px no-repeat;}
.main-board-area .agree-link a span {display:block;padding:0 0 0 0px;border-left:1px solid #d5d5d5;}

.main-board-area .agree-ppl {float:right;width:280px;border:1px solid #d5d5d5;height:132px;padding:0 13px;margin:10px 0 0;position:relative;}
.main-board-area .agree-ppl a {display:block;height:127px;font-size:16px;color:#2f2f2f;font-family:"ngR";line-height:1.5;text-align:center;letter-spacing:-1px;padding:25px 0 25px 70px;background:url(../images/icon_doc_agree.png) left 40px no-repeat;}
.main-board-area .agree-ppl a span {display:block;padding:0 0 0 0px;border-left:1px solid #d5d5d5;}

.main-board-area .btn-more {width:20px;height:19px;background:url(../images/btn_more.png) center center no-repeat;position:absolute;right:0;top:0;text-indent:-9999px;}


/* IE10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type="checkbox"],input[type="radio"] {margin-top:-3px;}
}