@charset "utf-8";

* {box-sizing: border-box;line-height:1em;}
body {font-family:'Noto Sans Korean',sans-serif;font-size: 16px;color: #333;overflow-x: hidden;word-break: keep-all;counter-reset:section;text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";}
a {text-decoration:none;}
button {font-family: 'Noto Sans Korean',sans-serif;border:none;cursor:pointer;}
input,textarea,select {font-family:'Noto Sans Korean',sans-serif;font-weight:400;}
input::placeholder,textarea::placeholder {color:#888;}

/* padding, margin */
.mr-0 {margin-right:0 !important;}
.mr-4 {margin-right:4px !important;}
.mr-8 {margin-right:8px !important;}
.mr-16 {margin-right:16px !important;}
.mr-24 {margin-right:24px !important;}
.mr-32 {margin-right:32px !important;}
.mr-40 {margin-right:40px !important;}
.mr-80 {margin-right:80px !important;}

.mb-0 {margin-bottom:0 !important;}
.mb-4 {margin-bottom:4px !important;}
.mb-8 {margin-bottom:8px !important;}
.mb-16 {margin-bottom:16px !important;}
.mb-24 {margin-bottom:24px !important;}
.mb-32 {margin-bottom:32px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-80 {margin-bottom:80px !important;}

.ml-0 {margin-left:0 !important;}
.ml-4 {margin-left:4px !important;}
.ml-8 {margin-left:8px !important;}
.ml-16 {margin-left:16px !important;}
.ml-24 {margin-left:24px !important;}
.ml-32 {margin-left:32px !important;}
.ml-40 {margin-left:40px !important;}
.ml-80 {margin-left:80px !important;}

.mt-0 {margin-top:0 !important;}
.mt-4 {margin-top:4px !important;}
.mt-8 {margin-top:8px !important;}
.mt-16 {margin-top:16px !important;}
.mt-24 {margin-top:24px !important;}
.mt-32 {margin-top:32px !important;}
.mt-40 {margin-top:40px !important;}
.mt-80 {margin-top:80px !important;}

.pt-0 {padding-top:0 !important;}
.pt-4  {padding-top:4px !important;}
.pt-8 {padding-top:8px !important;}
.pt-16 {padding-top:16px !important;}
.pt-24 {padding-top:24px !important;}
.pt-32 {padding-top:32px !important;}
.pt-40 {padding-top:40px !important;}

.pb-0 {padding-bottom:0 !important;}
.pb-4  {padding-bottom:4px !important;}
.pb-8 {padding-bottom:8px !important;}
.pb-16 {padding-bottom:16px !important;}
.pb-24 {padding-bottom:24px !important;}
.pb-32 {padding-bottom:32px !important;}
.pb-40 {padding-bottom:40px !important;}

.pl-0 {padding-left:0 !important;}
.pl-4  {padding-left:4px !important;}
.pl-8 {padding-left:8px !important;}
.pl-16 {padding-left:16px !important;}
.pl-24 {padding-left:24px !important;}
.pl-32 {padding-left:32px !important;}
.pl-40 {padding-left:40px !important;}

.pr-0 {padding-right:0 !important;}
.pr-4  {padding-right:4px !important;}
.pr-8 {padding-right:8px !important;}
.pr-16 {padding-right:16px !important;}
.pr-24 {padding-right:24px !important;}
.pr-32 {padding-right:32px !important;}
.pr-40 {padding-right:40px !important;}

.px-0 {padding-left:0 !important;padding-right:0 !important;}
.py-0 {padding-top:0 !important;padding-bottom:0 !important;}
.mx-0 {margin-left:0 !important;margin-right:0 !important;}
.my-0 {margin-top:0 !important;margin-bottom:0 !important;}

.px-4 {padding-left:4px !important;padding-right:4px !important;}
.py-4 {padding-top:4px !important;padding-bottom:4px !important;}
.px-8 {padding-left:8px !important;padding-right:8px !important;}
.py-8 {padding-top:8px !important;padding-bottom:8px !important;}
.px-16 {padding-left:16px !important;padding-right:16px !important;}
.py-16 {padding-top:16px !important;padding-bottom:16px !important;}
.px-40 {padding-left:40px !important;padding-right:40px !important;}
.py-40 {padding-top:40px !important;padding-bottom:40px !important;}

.mx-4  {margin-left:4px !important;margin-right:4px !important;}
.my-4  {margin-top:4px !important;margin-bottom:4px !important;}
.mx-8  {margin-left:8px !important;margin-right:8px !important;}
.my-8  {margin-top:8px !important;margin-bottom:8px !important;}
.mx-16 {margin-left:16px !important;margin-right:16px !important;}
.my-16 {margin-top:16px !important;margin-bottom:16px !important;}


.text-left      {text-align:left !important;}
.text-center    {text-align:center !important;}
.text-right     {text-align:right !important;}


.relative {position:relative !important;}
.row {display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;}
.d-flex {display:flex !important;}
.align-center {align-items:center !important;}
.align-start {align-items:start !important;}
.align-end {align-items:end !important;}
.justify-center {justify-content: center !important;}
.justify-between {justify-content: space-between !important;}
.justify-start {justify-content: flex-start !important;}
.justify-end {justify-content: flex-end !important;}
.flex-wrap {flex-wrap:wrap !important;}
.flex-colum {flex-direction: column !important;}
.column-reverse {flex-direction:column-reverse !important;}
.w100p {width:100% !important;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-55 {padding-left:8px;padding-right:8px;}
.col-1  {flex: 0 0 auto;width: 8.3333333333%;}
.col-2  {flex: 0 0 auto;width: 16.6666666667%;}
.col-3  {flex: 0 0 auto;width: 25%;}
.col-4  {flex: 0 0 auto;width: 33.3333333333%;}
.col-5  {flex: 0 0 auto;width: 41.6666666667%;}
.col-6  {flex: 0 0 auto;width: 50%;}
.col-7  {flex: 0 0 auto;width: 58.3333333333%;}
.col-8  {flex: 0 0 auto;width: 66.6666666667%;}
.col-9  {flex: 0 0 auto;width: 75%;}
.col-10 {flex: 0 0 auto;width: 83.3333333333%;}
.col-11 {flex: 0 0 auto;width: 91.6666666667%;}
.col-12 {flex: 0 0 auto;width: 100%;}
.col-55 {flex: 0 0 auto;width: 20%;}

/* layout */
.center-wrap {width:1280px;margin:0 auto;}

/* text */
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-warning   {color: #f8ac59 !important;}
.text-danger    {color: #ED5565 !important;}
.text-essential {color: #ED5565 !important;font-weight:700;}
.text-mute {color:#999;}
.text-small {font-size:.9em;color:#999;}
.text-underline {text-decoration:underline;}
.text-default {font-size:16px;font-weight:400;}

/* headline */
h1 {font-size:32px;font-weight:400;}
h2 {font-size:32px;font-weight:400;margin-bottom:80px;}
h3 {font-size:28px;font-weight:400;margin-bottom:32px;}
h4 {font-size:22px;font-weight:500;margin-bottom:24px;}

/* section */
.section {margin-bottom:80px;}
.section:last-child {margin-bottom:0;}
.sub-section {margin-bottom:80px;}
.sub-section:last-child {margin-bottom:0;}

/* 1depth */
.tabs {display:flex;align-items:center;justify-content:center;width:auto;margin-bottom:40px;}
.tabs li {width:auto;padding:0 2px;border-bottom:1px solid #0033ff;}
.tabs li a {display:flex;align-items:center;justify-content:center;min-width:310px;height:56px;font-size:22px;color:#555;padding:0 24px;border-top:2px solid #ccc;}
.tabs li.on a,.tabs li:hover a {color:#0033ff;text-decoration:none;border-top:2px solid #0033ff;font-weight:700;letter-spacing:-.025em;}

.tabs-section {display:none;}
.tabs-section.on {display:block;}

/* button */
.btn-wrap {display:flex;}
.btn-wrap .btn {margin-left:4px;}
.btn-wrap.btn-center {justify-content:center;}

.btn {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:160px;height:56px;border-radius:4px;padding:0 40px;border:1px solid transparent;
    background:#0033FF;color:#fff;font-size:16px;font-weight:500;margin:0 4px;}
.btn-square {width:42px;min-width:0;height:42px;}
.btn-small {height:40px;}
.btn-primary {background:#0033ff;color:#fff;}
.btn-primary:hover {background: #0022a9;color:#fff;}
/*.btn-outline {background: #fff;color:#0033ff;border:1px solid #0033ff;}*/
.btn-white {background:#fff;color:#0033ff;border:1px solid #0033ff;}
.btn-white:hover {background:#0033ff;color:#fff;border:1px solid #0033ff;}
.btn-wrap {display:flex;align-items:center;justify-content:center;margin-top:40px;}

/* form */
.search-wrap {display:flex;align-items:flex-end;background:#f4f4f4;padding:16px 24px;margin-bottom:24px;}
.search-wrap .form-horizontal {width:calc(100% - 160px - 16px);}
.search-wrap .btn-wrap {width:160px;padding:8px 0;margin:0 0 0 16px;}
.form-horizontal {display:flex;flex-wrap:wrap;}
.form-group {display:flex;align-items:center;margin:8px 0;min-height:42px;}
.form-control {display:flex;align-items:center;width:100%;min-height:40px;font-family:'Noto Sans Korean', sans-serif;font-size:16px;line-height:1.2em;background:#fff;border:1px solid #c6c6c6;border-radius:4px;padding:0 8px;}
.form-control[disabled] ,.form-control[readonly] {background:#f1f1f1;border:1px solid #e0e0e0;color:#555;pointer-events: none;}
textarea.form-control {padding:8px;}
.form-control.form-inline {display:inline-flex !important;width:auto !important;}
.form-control:focus, textarea:focus, textarea:focus {background:#fff;color:#108ccf;border:1px solid #108ccf;outline:none;}
input::placeholder {color:#999;}
.control-label {position:relative;display:block;color:#888;padding-right:8px;text-align:right;}
.control-label:after {position:absolute;right:-2px;top:50%;transform:translateY(-50%);content:':';}
.control-label.no-colons:after {display:none;}
.control-content {display:block;}
/*.form-static {padding-top:12px;}*/
/*.form-static.in-button {padding-top:4px;}*/

.form-group .text-info {line-height:1.4em;margin-top:8px;}
.form-vertical .form-group {display:block;margin-bottom:24px;}
.form-vertical .control-label {display:block;width:100%;text-align:left;margin-bottom:8px;font-size:16px;color:#333;font-weight:500;}
.form-vertical .control-label:after {position:static;margin-left:8px;}

.search-section {display:flex;flex-wrap:wrap;align-items:flex-end;background:#f1f1f1;border-radius:8px;padding:16px;}
.search-section .form-horizontal {flex:0 0 auto;width:90%;}
.search-section .btn-wrap {flex:0 0 auto;width:10%;margin-bottom:8px;}

.form-horizontal.one-line {display:block;}
.form-horizontal.one-line .form-group {align-items:flex-start;margin-bottom:40px;}
.form-horizontal.one-line .form-group .control-label {padding-top:10px;}
.form-horizontal.one-line .form-group .control-label:after {top:9px;}

.input-terms {display:flex;align-items:center;}
.input-terms span {margin:0 8px;}
.radio-wrap {display:flex;align-items:center;}
.radio-wrap label {margin-right:24px;white-space:nowrap;}

.pagination {display:flex;align-items:center;justify-content:center;margin-top:40px;}
.pagination a,.pagination strong {display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 4px;border-radius:4px;border:1px solid transparent;}
.pagination strong {font-weight:700;}
.pagination a {color:#555;}
.pagination a:hover {color:#0033FF;border-color:#0033ff;}
.pagination strong {color:#0033FF;border-color:#0033ff;}
.pagination .backward i,.pagination .forward i {margin:0 -8px;}
.pagination a.disabled {color:#ccc;pointer-events: none;}

/* modal */
.modal {position:fixed;left:0;right:0;top:0;display:none;height:100%;background:rgba(0,0,0,.5);z-index:999;}
.modal .modal-dialog {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1000px;background:#fff;border-radius:16px;overflow:hidden;}
.modal .modal-dialog.modal-lg {width:1200px;}
.modal .modal-dialog.modal-x-md {width:1000px;}
.modal .modal-dialog.modal-md {width:800px;}
.modal .modal-dialog.modal-sm {width:600px;}
.modal .modal-header {position:relative;}
.modal .modal-header h2 {font-size:32px;font-weight:700;padding:24px;margin-bottom:0;}
.modal .modal-header span.close {position:absolute;right:24px;top:24px;display:inline-block;width:32px;height:32px;cursor:pointer;transition:.3s;}
.modal .modal-header span.close:before {position:absolute;left:0;top:15px;content:'';width:32px;height:1px;background:#000;transform:rotate(-45deg);}
.modal .modal-header span.close:after  {position:absolute;left:15px;top:0;content:'';width:1px;height:32px;background:#000;transform:rotate(-45deg);}
.modal .modal-header span.close:hover  {transform:rotate(-180deg);transition:.3s;}
.modal .modal-body {max-height:calc(100vh - 200px);overflow:auto;padding:0 24px 24px;}
.modal .modal-body .governing {font-size:18px;font-weight:300;line-height:1.4em;}
.modal .modal-body .content {width:100%;background:#f4f4f4;overflow-y:scroll;}
.modal .modal-footer {display:flex;align-items:center;justify-content:flex-end;padding:24px;}
.modal .modal-footer button {margin-left:4px;}

/* table */
table {width:100%;table-layout: fixed;border-collapse: collapse;border-top:2px solid #999;}
.table-horizontal th,.table-horizontal td {padding:8px;border-bottom:1px solid #e6e6e6;line-height:1.2em;}
.table-horizontal th {background:#f8f8f8;font-weight:500;color:#888;text-align:right;}
.table-horizontal td {background:#fff;}
/*.table-horizontal tr:last-child td {border-bottom-color:#999;}*/
.table-vertical th,.table-vertical td {padding:15px 16px;border-bottom:1px solid #e9e9e9;text-align:center;line-height:1.2em;vertical-align:middle;word-break:break-all;}
.table-vertical.thin th,.table-vertical.thin td {padding:8px;}
.table-vertical th {background:#f1f1f1;font-weight:500;color:#888;border-right:1px dashed #ccc;}
.table-vertical th:last-child {border-right:none;}
.table-vertical td {background:#fff;border-right:1px dashed #ccc;}
.table-vertical td:last-child {border-right:none;}
.table-vertical.tr-hover tr:hover td {background: #e5f8ff;}
.table-vertical td a {color:#1c5dc3;}
.table-vertical td a:hover {text-decoration:underline;}
.table-vertical.th-double th {padding:12px 8px;}
.table-vertical tr:last-child td {border-bottom-color:#999;}

/* badge */
.badge {display:inline-flex;align-items:center;justify-content:center;height:32px;font-size:16px;padding:0 16px;border-radius:40px;border:1px solid transparent;}
.badge-small {height:26px;font-size:16px;padding:0 8px;border-radius:40px;}
.badge-warning      {background:#f8ac59;color:#fff;}
.badge-danger       {background:#ED5565;color:#fff;}
.badge-white        {background:#fff;color:#333;border-color:#ccc;}
.badge-default      {background:#ccc;color:#fff;}
.badge .logo-white {width:16px;height:16px;background:url('../../assets/images/collabo/logo_white.svg') no-repeat center /100%;margin-right:4px;}
.badge .material-icons-outlined {font-size:24px;margin-right:4px;}
.badge-small .material-icons-outlined {font-size:18px;}

/* collapse */
.collapse a {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:2px solid #ccc;color:#333;}
.collapse a:hover {background:#f1f1f1;}


/* 이전글 / 다음글 */
.list-nav {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:40px;}
.list-nav li {display:flex;align-items:center;padding:8px;}
.list-nav li:first-child {border-bottom:1px dashed #ccc;}
.list-nav li label {display:flex;align-items:center;color:#aaa;margin-right:24px;font-weight:500;}
.list-nav li label .material-icons-outlined {margin-right:24px;}
.list-nav li a {color:#108ccf;}
.list-nav li a:hover {text-decoration:underline;}

.table-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.table-top .count {display:flex;align-items:center;}
.table-top .count span {color:#0033FF;font-weight:700;margin:0 4px 0 8px;}

/* breadcrumb */
.breadcrumb {width:100%;border-bottom:1px solid #ccc;margin-bottom:40px;background:#f1f1f1;}
.breadcrumb > ul {display:flex;align-items:center;border-left:1px solid #ccc;}
.breadcrumb > ul > li {position:relative;display:flex;align-items:center;width:260px;border-right:1px solid #ccc;}
.breadcrumb > ul > li.home {width:64px;}
.breadcrumb > ul > li .material-icons-outlined {font-size:32px;}
.breadcrumb > ul > li strong {display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;font-size:18px;padding:16px;color:#333;cursor:pointer;}
.breadcrumb > ul > li strong em {}
.breadcrumb > ul > li strong em:after       {font-family: "Material Icons",sans-serif;content: "\e5cf";font-size:32px;}
.breadcrumb > ul > li strong em.close:after {font-family: "Material Icons",sans-serif;content: "\e5ce";font-size:32px;}
.breadcrumb > ul > li .dropdown-menu {position:absolute;left:-1px;right:-1px;top:60px;display:none;width:calc(100% + 2px);background:#fff;border:1px solid #ccc;box-shadow:0 3px 3px rgba(0,0,0,.2);z-index:5;}
.breadcrumb > ul > li .dropdown-menu > li a {display:flex;align-items:center;height:48px;font-size:16px;border-bottom:1px dashed #ccc;padding:0 16px;color:#333;}
.breadcrumb > ul > li .dropdown-menu > li:last-child a {border-bottom:none;}
.breadcrumb > ul > li .dropdown-menu > li a:hover {background:#108ccf;color:#fff;text-decoration:none;}


.box.temp {display:flex;align-items:center;justify-content:center;width:100%;background:#f1f1f1;color:#888;}

/* gotoTop */
.gotoTop-wrap {position:fixed;right:16px;bottom:16px;display:none;z-index:99;}
.gotoTop {display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(0,0,0,0.2);color:#fff;box-shadow:0 0 16px rgba(0,0,0,.2);cursor:pointer;}
.gotoTop:hover {background:rgba(0,0,0,0.3);}


@media print {


/* table */
table {width:100%;table-layout: fixed;border-collapse: collapse;border-top:2px solid #999;}
.table-horizontal th,.table-horizontal td {padding:8px;border-bottom:1px solid #e6e6e6;line-height:1.2em;}
.table-horizontal th {background:#f8f8f8;font-weight:500;color:#888;text-align:right;}
.table-horizontal td {background:#fff;}
/*.table-horizontal tr:last-child td {border-bottom-color:#999;}*/
.table-vertical th,.table-vertical td {padding:10px 16px;font-size: 8.8px;border-bottom:1px solid #e9e9e9;text-align:center;line-height:1em;vertical-align:middle;word-break:break-all;}
.table-vertical.thin th,.table-vertical.thin td {padding:8px;}
.table-vertical th {background:#f1f1f1;font-weight:500;color:#888;border-right:1px dashed #ccc;}
.table-vertical th:last-child {border-right:none;}
.table-vertical td {background:#fff;border-right:1px dashed #ccc;}
.table-vertical td:last-child {border-right:none;}
.table-vertical.tr-hover tr:hover td {background: #e5f8ff;}
.table-vertical td a {color:#1c5dc3;}
.table-vertical td a:hover {text-decoration:underline;}
.table-vertical.th-double th {padding:12px 8px;}
.table-vertical tr:last-child td {border-bottom-color:#999;}



  }