@charset "utf-8";

/* layout */
.wrap {}
.wrap .inner {position:relative; margin:0 auto; width:1160px}
#header {padding:30px 0; border-bottom:6px solid #2b76b4}
#header .util {position:absolute; right:0; top:30px; font-size:12px}
#header .util p {display:inline-block; color:#333}
#header .util .btn {display:inline-block; margin-left:5px; padding:0 7px; height:20px; line-height:19px; border:1px solid #3683c3; color:#3683c3}
#footer {padding:25px 0; border-top:1px solid #e6e6e6; text-align:center; font-size:12px}
#footer .bg-moel {display:inline-block; margin:0 12px 0 5px; width:56px; height:11px; background:url('/images/imgConslt/bg-moel.png') 0 0 no-repeat; text-indent:-9999px; vertical-align:-5px}
#footer .bg-keis {display:inline-block; margin-right:3px; width:65px; height:11px; margin:0; padding:0; background:url('/images/imgConslt/bg-keis.png') 0 0 no-repeat; text-indent:-9999px; vertical-align:-5px}

.contents {position:relative; margin:0 auto; padding:43px 0 85px; width:1160px}
.contents h2.tit {margin-bottom:20px; font-size:27px}
.contents h3.tit {margin-bottom:13px; font-size:22px}

/*popup */
.layer-frame {border:2px solid #2c5b91; background-color:#fff;}
.layer-wrap {height:auto;}
.layer-wrap .popup {height:auto; z-index:200;}
.layer-wrap .popup .pop-header {cursor:move;}

.popup {position:relative; width:100%; height:100%; background-color:#fff}
.popup .pop-header {height:56px; margin:0; padding:0 20px; background-color:#2c5b91;}
.popup .pop-header h1, .popup .pop-header .h1 {margin:0; padding:0 30px 0 0; color:#fff; line-height:56px; width:100%; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.popup .pop-container {position:relative; padding:30px 20px;}
.popup .pop-container h2.tit {margin-bottom:10px; font-size:18px}
.popup .pop-container .btn-group.btn-right {display:block; position:absolute; padding:0; top:30px; right:20px}
.popup .btn-close-popup {display:block; position:absolute; right:20px; top:19px; z-index:2;}
.popup .btn-close-popup2{display:block;position:absolute;right:20px;top:19px;z-index:2}
.popup .button {height:36px; line-height:34px;}
.popup .btn-group.btn-top {display:block; position:absolute; padding:0; top:12px; right:57px; z-index:102;}
.popup .btn-group.btn-top .button {min-width:70px; height:32px; padding:0 12px; line-height:30px;}
.popup.fixed .pop-header {position:fixed; left:0; top:0; z-index:100; width:100%;}
.popup.fixed .pop-container {padding:86px 20px 120px 20px;}
.popup.fixed .btn-fixed {position:fixed; left:0; bottom:0; width:100%; height:90px; z-index:100; background-color:#fff;}
.popup.fixed .btn-close-popup {position:fixed; z-index:101;}
.popup .input-text, .popup select, .popup .datepicker, .popup .ui-datepicker-trigger {height:36px;line-height:34px;}
.popup .add-file .input-text[readonly] {height:36px;}
.popup .add-file .button {height:36px;line-height:34px;}
.popup .btn-close-popup {overflow:hidden; display:inline-block; width:17px; height:17px; margin:0; padding:0; border:0; vertical-align:middle; text-indent:-9999px; background:url('/images/imgConslt/btn-close-popup.png') no-repeat center;}

/* login */
.login {margin:78px auto 0; width:300px; text-align:center}
.login .title {display:inline-block; margin-bottom:18px; padding-left:26px; background:url('/images/imgConslt/bg-login.png') 0 center no-repeat; font-size:23px; color:#333}
.login ul li {position:relative; margin-bottom:18px}
.login ul li input[type="text"], .login input[type="password"] {padding:0 14px; width:300px; height:50px; line-height:50px; border:1px solid #ccc; font-size:16px; color:#333}
.login .btn-login {display:block; height:60px; line-height:60px; background:#3683c3; font-size:18px; font-family:NanumGothicBold; color:#fff; text-align:center}

/* guide */
.box-guide {padding:26px 30px; border:5px solid #ecf0f3}
.box-guide .dot-list li + li {margin-top:10px}
.box-guide .dot-list li input[type="text"], .box-guide .dot-list li input[type="password"] {width:100%; height:50px; border:1px solid #ccc}

/* list */
.dot-list li {position:relative; padding-left:6px}
.dot-list li:before {position:absolute; left:0; top:10px; display:block; width:2px; height:1px; background:#666; content:""}
.dot-list-blue li {position:relative; padding-left:10px}
.dot-list-blue li:before {position:absolute; left:0; top:8px; display:block; width:3px; height:3px; background:#30aed6; content:""}
.star-list li {position:relative; padding-left:12px}
.star-list li em {position:absolute; left:0; top:-1px}

/* byte check */
.byte-check {position:relative; text-align:right; font-size:14px;}
.byte-check em {color:#a25c4e;}
.byte-check .byte-text {display:inline-block;position:absolute;top:0;left:0;}

/* table */
.table-wrap {position:relative; border-top:2px solid #00182e;}
.table-wrap.a-l table tbody th,
.table-wrap.a-l table tbody td {text-align:left; padding-left:20px;}
.table-wrap.border-gray {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table-wrap.border-gray table tbody th,
.table-wrap.border-gray table tbody td {border:0; vertical-align:top;}
.table-wrap.border-gray.v1 {border:0; border-top:2px solid #00182e;}
.table-wrap.border-gray.v1 th,
.table-wrap.border-gray.v1 td {border:1px solid #e1e1e1; vertical-align:middle;}
.table-wrap.border-gray.v1 td {padding:7px 10px}
.table-wrap.no-top-border, .table-wrap.clone {border-top-width:1px !important;}

.table-type1 {position:relative; border-top:2px solid #00182e; border-bottom:1px solid #e6e6e6;}
.table-type1 tr th {text-align:left; font-family:NanumGothicBold; color:#333;}
.table-type1 tr th,
.table-type1 tr td {border-top:1px solid #e6e6e6; height:60px; padding:10px 15px;}
.table-type1 tr.bd-no th,
.table-type1 tr.bd-no td {border-top:0}
.table-type1 tr.bdb-1 th,
.table-type1 tr.bdb-1 td{border-bottom:1px solid #e6e6e6}
.table-type1 tr:first-child th, .table-type1 tr:first-child td {border-top:0;}
.table-type1 tr td p {margin:0;}
.table-type1 tr td .input-textarea {border:1px solid #dddddd;}
.table-type1 tr td .input-textarea.reset {border:1px solid #ccc;}
.table-type1.border-on {border-right:0;}
.table-type1.border-on tr th,
.table-type1.border-on tr td {border-right:1px solid #e6e6e6;}
.table-type1 tr.border-top-none th,
.table-type1 tr.border-top-none td {border-top:0;}
.table-type1.clone {border-top-width:1px;}
.table-type1.reset-height tr td {height:auto;}
.table-type1 tr th.bg-w {background-color:#fff;}
.table-type1 .label-wrap label span {display:inline;width:auto;float:none;}

/* table-list(col) */
.board-list tr.bg_blue {background:#f5f7f9}
.board-list {line-height:1.6;}
.board-list p {margin:0; padding:0;}
.board-list > thead > tr > th {height:48px; padding:7px 5px; background:#f7f7f7; font-family:NanumGothicBold}
.board-list > thead > tr/*:last-of-type*/ > th {border-bottom:1px solid #e6e6e6;}
.board-list > tbody > tr > th,
.board-list > tbody > tr > td {height:48px; padding:16px 5px; border:1px solid #f5f7f9; border-width:0 0 1px 0; border-color:#e4ebf1; text-align:center; word-break:break-all;}
.board-list > tbody > tr > th.bg-w {background-color:#fff;}
.board-list > tbody > tr > td > a {}
.board-list > tbody > tr > td > a:visited,
.board-list > tbody > tr > td .cp-info > a:visited {color:#627098 !important;}
.board-list > tbody > tr > td .button:visited {color:#333 !important;}
.board-list > tbody > tr > td.a-l > a.ellipsis,
.board-list > tbody > tr > td.a-l > a span.ellipsis {vertical-align:middle;}
.board-list > tbody > tr > td > a:hover,
.board-list > tbody > tr > td > a:focus {color:#236daa; text-decoration:underline}
.board-list > tbody > tr > td > a.button:hover,
.board-list > tbody > tr > td > a.button:focus {color:#333;}
.board-list > tbody > tr > td > a.button.blue:hover,
.board-list > tbody > tr > td > a.button.blue:focus {color:#fff;}
.board-list > tfoot > tr > th,
.board-list > tfoot > tr > td {height:49px; padding:7px 5px;background-color:#f5f7f9; border:1px solid #e6e6e6; border-width:0 0 1px 0; text-align:center; word-break:break-all;}
.board-list > tfoot > tr > td strong {font-family:NanumGothicBold;color:#236daa;}
.board-list > tfoot > tr > td a:visited {color:#627098 !important;}
.board-list > tfoot > tr > td .button:visited {color:#333 !important;}

/* data-table(row) */
.data-table th.bg_wblue, .data-table td.bg_wblue {background:#fafbfc !important}
.data-table thead th {height:48px;}
.data-table thead.auto th {padding:5px 10px; height:auto}
.data-table thead th,
.data-table tbody th {background-color:#f5f5f5; font-family:NanumGothicBold; text-align:center; border:1px solid #e6e6e6; padding:10px;}
.data-table thead td {padding:13px 10px; text-align:center; border:1px solid #e6e6e6;}
.data-table tbody th {text-align:left; padding:13px 16px;}
.data-table tbody td {border:1px solid #e6e6e6; padding:15px; vertical-align:top;}
.data-table tbody tr.bd-no th,
.data-table tbody tr.bd-no td{border-top:none}