/* --------------------------- AdminLTE 초기화 --------------------------- */
.form-control {
    border-radius: 4px;
}

/*a, a:hover, a:active, a:focus {*/
a {
    color: #000000;
}

.bg-white {
    background-color: #fff !important;
    background-image: none !important;
}

/* 대화 */
.direct-chat-text {
    border-radius: 3px;
}

.direct-chat-timestamp {
    color: #000;
}

.direct-chat-text {
    background-color: #fff;
    border-color: #fff;
}

.direct-chat-primary .right > .direct-chat-info {
    margin-right: 15px;
}

.direct-chat-primary .right > .direct-chat-text {
    background-color: #1D90CF;
    border-color: #1D90CF;
    margin-right: 15px;
}

.direct-chat-text {
    margin: 0 40px 0 0;
}

.right .direct-chat-text {
    margin: 0 0 0 40px;
}

/* 대화 - 상대방 프로필과 내용 위치 조정 */
.direct-chat-msg.left {
    width: 100%;
}

.direct-chat-msg.left > div {
    margin-left: 50px;
}

.direct-chat-msg.left > div:first-child {
    float: left;
    margin-left: 0;
    width: 50px
}

.direct-chat-name {
    margin-right: 5px;
}

/* 대화 풍선 꼬리 */
.direct-chat-text:after,
.direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 35px;
    left: -16px;
    border: none;
    transform: rotate(270deg);
    font-family: 'Material Icons';
    content: "\E1B9";
    font-size: 24px;
    color: #fff;
    pointer-events: none;
    z-index: -100;
}

.direct-chat-msg.right > .direct-chat-text:after,
.direct-chat-msg.right > .direct-chat-text:before {
    top: 39px;
    margin-left: 11px;
    transform: rotate(180deg);
    color: #1D90CF;
}

/* --------------------------- BootStrap 초기화 --------------------------- */
.a-block {
    display: block;
    width: 100%;
}

p {
    margin: 0 0 5px;
}

/* 기본 - 메뉴 색, 라운드 조정 */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #1D90CF;

}

.nav-pills > li > a {
    border-radius: 0;
}

/* 버튼 그라데이션 생략 */
.btn {
    background-image: none;
}

/* 버튼 색 변경 */
.btn-default {
    background-color: #FFFFFF;
    border-color: #666666;
    color: #333333;
}

.btn-primary {
    background-color: #1C8ECD;
    border-color: #1C8ECD;
}

.btn-black {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

.btn-black:hover {
    color: #ffffff;
}

/* 테두리 버튼 */
.btn-outline {
    background-image: none;
    text-shadow: none;
    background-color: transparent;
    /*border: 1px solid #1D90CF;*/
}

.btn-primary.btn-outline {
    background-color: #FFFFFF;
    border-color: #1D90CF;
    color: #1D90CF;
}

/* 버튼과 같은 라인의 텍스트 높이 맞추기 */
.btn-sm-height {
    height: 28px;
    line-height: 28px;
}

.btn-height {
    height: 34px;
    line-height: 34px;
}

.btn-lg-height {
    height: 46px;
    line-height: 46px;
}

/* 동그란 뱃지 */
.badge-circle {
    padding: 2px;
}

.badge-circle-outline {
    background-color: transparent !important;
    border: 1px solid #000;
    color: #000;
    padding: 2px;
    vertical-align: baseline;
}

.badge-circle-outline.en {
    padding: 2px 4px;
}

/* 모달창 닫기 아이콘 버튼 */
.close {
    text-shadow: none;
    opacity: 1;
}

/* 테이블안 텍스트의 좌우 여백 15px */
.table-padding-15 > tbody > tr > th:first-child {
    padding-left: 15px;
}

.table-padding-15 > tbody > tr > td:last-child {
    padding-right: 15px;
}

.text-danger {
    color: #d00000 !important;
}

.alert {
    background-image: none;
}

.text-large {
    font-size: 16px;
}

.text-normal {
    font-weight: normal;
}

.margin-bottom {
    margin-bottom: 15px;
}

.margin-bottom-border {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
}

.tooltip-inner {
    min-width: 180px;
}

/* 커러셀 이미지 가운데 정렬 */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
}

/* 커러셀 색상 변경 및 active 크기 고정 */
.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 0;
    margin: 0 5px;
    background-color: #808080;
}

.carousel-indicators .active {
    margin: 0 5px;
    background-color: #1d90cf;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #181818;
    border-color: #181818;
}

.pagination {
    margin: 0;
}

/* ----------- BootStrap - 테이블 폼 컨트롤 기본 적용 (AdminLTE 적용)------------ */
.form-default input, .form-default textarea, .form-default select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d6de;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-default input:focus, .form-default textarea:focus, .form-default select:focus {
    border-color: #66afe9;
    outline: 0;
}

.form-default input::-moz-placeholder, .form-default textarea::-moz-placeholder, .form-default select::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-default input::-ms-input-placeholder, .form-default textarea::-ms-input-placeholder, .form-default select::-ms-input-placeholder {
    color: #999;
}

.form-default input::-webkit-input-placeholder, .form-default textarea::-webkit-input-placeholder, .form-default select::-webkit-input-placeholder {
    color: #999;
}

.form-default input[disabled], .form-default textarea[disabled], .form-default select[disabled],
.form-default input[readonly], .form-default textarea[readonly], .form-default select[readonly],
.form-default fieldset[disabled] input,
.form-default fieldset[disabled] textarea,
.form-default fieldset[disabled] select {
    background-color: #eee;
    opacity: 1;
}

.form-default input[disabled], .form-default textarea[disabled], .form-default select[disabled],
.form-default fieldset[disabled] input,
.form-default fieldset[disabled] textarea,
.form-default fieldset[disabled] select {
    cursor: not-allowed;
}

/* 모바일 기본 입력폼은 1단계 크게 보이도록 함 */
.form-default-lg input, .form-default-lg textarea, .form-default-lg select {
    font-size: 16px;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-default textarea {
    height: auto;
}

/* 폼 입력 항목 하단 밑줄 */
.form-default-border-bottom > div {
    border-bottom: 1px solid #d6d6d6;
    margin: 20px 0;
    padding-bottom: 20px;
}

.form-default-border-bottom > div:last-child {
    border-bottom: none;
}

.form-default-border-bottom > div > p {
    margin-top: 5px;
}

/* 폼 입력 라벨 높이를 입력란과 같게 조정 */
.form-default .row > div > label {
    height: 46px;
    line-height: 46px;
}

/* 폼 인라인 형태 */
.form-default-inline input, .form-default-inline textarea, .form-default-inline select {
    display: inline-block;
    width: auto;
}

/* 자식 요소 inline 적용 */
.child-inline > select, .child-inline > input {
    display: inline;
}

/* 다중 체크박스 */
.form-checkbox {
    padding: 5px 10px;
    list-style: none;
    border-radius: 6px;
}

.form-checkbox > li {
    display: inline;
}

.form-checkbox > li label {
    margin: 0 5px 0 0;
    font-weight: normal;
}

/* --------------------------- 로딩중 ----------------------------- */

#wrap-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: rgba(0, 0, 0, 0.7); 전체 영역을 흐리게 하면 전환 효과로 눈이 너무 아픔 */
    display: none;
}

#wrap-loading > div {
    position: fixed;
    top: 37%;
    left: 48%;
    margin-left: -25px;
    margin-top: -25px;
    /*background: rgba(0, 0, 0, 0.7); !* 가운데 로딩 이미지 배경만 흐리게 함 *!*/
    border-radius: 5px;
    padding: 15px;
}

#wrap-loading > div > img {
    width: 50px;
}

/* --------------------------- 앱 --------------------------- */

/* 폰트 크기 재조정 */
.btn-lg {
    font-size: 16px;
}

.form-group-lg .form-control {
    font-size: 16px;
}

body.white {
    background-color: #FFFFFF;
}

h1 {
    /*font-family: 'fantasy';*/
}

/* 공통색 - 파란색 글자/테두리 등 */
.blue {
    color: #1D90CF !important;
}

.red {
    color: #D20b09 !important;
}

.white {
    color: #FFFFFF !important;
}

/* 폼 입력값 검사 에러 */
.validate-error {
    padding: 3px 0 8px 3px;
    color: #dd4b39 !important;
}

.validate-error > i.material-icons {
    vertical-align: -24%;
}

#contents {
    /*background-color: #E5E5E5;*/
    padding-left: 15px;
    padding-right: 15px;
    /*position: fixed;*/
    bottom: 0;
    top: 53px;
    width: 100%;
}

/* 본문 영역에서 패딩이 없는 풀 레이아웃 */
#contents.layout-full, #content-full {
    padding: 0 0 15px 0;
}

#content-full > div > h5, #content-full > div > div > h5, #content-full > div > h4 {
    padding-top: 10px;
}

.content-top {
    text-align: center;
    padding: 10px 30px;
    background-color: #F2F2F2;
}

.layout-full .footer-buttons {
    padding: 15px;
}

h1, h2 {
    font-weight: bold;
}

#notification-link .label {
    position: absolute;
    top: 5px;
    right: 0;
    text-align: center;
    font-size: 11px;
    padding: 6px 6px 5px 6px;
    line-height: .9;
    border-radius: 50%;
    z-index: 3;
}

/* 헤더 - 팝오버(이메일 주소로 로그인, ...) */
.header-popover > h1 {
    background-color: #1D90CF;
    color: #ffffff;
}

.header-popover i {
    color: #ffffff;
}

/* 왼쪽 메뉴 */
.c-menu {
    background-color: #ffffff;
}

.c-menu--slide-left .c-menu__link, .c-menu--slide-right .c-menu__link, .c-menu--push-left .c-menu__link, .c-menu--push-right .c-menu__link {
    color: #000000;
}

.c-menu--slide-left, .c-menu--slide-right, .c-menu--push-left, .c-menu--push-right {
    width: 280px;
    padding-bottom: 0;
}

.c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close, .c-menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close {
    width: auto;
    padding: 2px;
}

.c-menu__close {
    background: none;
    font-size: 18px;
}

.sidebar-header {
    background: url(../img/sidebar-header.jpg);
    background-size: auto 170px;
    height: 170px;
    padding: 10px;
    font-size: 16px;
}

.sidebar-header, .sidebar-header a {
    color: #ffffff;
}

.sidebar-header > .desc {
    padding: 5px 0 5px 0;
}

/*.sidebar-header > .guest {*/
/*padding: 10px;*/
/*}*/

.sidebar-header > .user {
    padding: 5px;
}

.sidebar-quick {
    border-bottom: 1px solid #E5E5E5;
}

.sidebar-quick .pull-left {
    border-right: 1px solid #E5E5E5;
}

.sidebar-quick > div.pull-left, .sidebar-quick > div.pull-right {
    text-align: center;
    width: 50%;
    padding: 10px;
}

.sidebar-quick a {
    width: 100%;
    display: inline-block;
}

.sidebar-quick i {
    margin: 5px 0;
}

.sidebar-quick .material-icons.md-36 {
    margin-bottom: 10px;
    font-size: 40px;
}

.sidebar-menu a i {
    font-size: 24px;
}

.sidebar-menu a span {
    font-size: 16px;
}

.sidebar-menu li > a > .pull-right {
    top: 35%
}

.sidebar-menu .treeview li {
    padding-left: 20px;
}

.sidebar-menu li > a > i {
    margin-right: 5px;
    vertical-align: -20%;
}

.sidebar-menu > li .label, .sidebar-menu > li .badge {
    margin: 0;
    background-color: #000000;
    margin-left: 10px;
    vertical-align: 12%;
    padding: 4px 7px 3px 7px;
}

.sidebar-menu li.active > a > .pull-right {
    transform: rotate(-180deg);
}

/* 폼 */
.form-horizontal .form-group-lg {
    margin-bottom: 3px;
}

/* 목록 그룹 */
.list-group > .list-group-item {
    background-color: #F3F3F3;
    padding: 3px 15px;
}

.list-group.agree > .list-group-item:nth-child(n+3) {
    border-top: 0;
}

.list-group > .list-group-item button.pull-right {
    margin-top: 4px;
}

/* 기타 */
.row .right {
    float: right;
}

.row .right > span {
    color: #1D90CF;
}

.header-left a, .header-right a {
    color: #000000;
}

.check {
    padding: 0;

}

.check li {
    list-style: none;
    background-color: #ffffff;
    margin: 3px 0;
    padding: 8px;
    line-height: 36px;
}

.check li .right > span {
    color: #1D90CF;
    vertical-align: -5%;
    font-size: 12px;
}

.check.black li .right > span {
    color: #000;
}

.check-box {
    margin-bottom: 0;

}

.check-box li {
    list-style: none;
    background-color: #ffffff;
    margin: 1px;
    padding: 10px;
    line-height: 25em;
    margin-left: 0;
}

.check .left {
    float: left;
    line-height: 36px;
}

.check .right {
    float: right;
    margin-left: 10px;
}

.notice h2 {
    font-size: 100%;
    margin-right: 45px;
    margin-top: 0;
}

.notice h2 i {
    padding-right: 8px;
}

.notice p {
    font-size: 12px;
    padding: 0 0 0 22px;
}

/* allow space for check mark */
.form-inline .col-xs-4 {
    padding-right: 2px;
}

.form-inline .col-xs-8 {
    padding-left: 2px;
}

/* 모달창 타이틀 */
.modal-title {
    font-size: 14px;
}

/* 모달창 하단 버튼 */
.modal-footer {
    padding: 0;
    border-top: 0;
}

.modal-footer .btn-block {
    border-radius: 0;
}

/* 모달창 본문 */
.modal-body {
    background-color: #E5E5E5;
    padding: 20px;
}

/* 모달창 본문안에 submit 버튼이 붙는 경우 */
.modal-body-footer {
    margin: 10px -20px -20px -20px;
}

.modal-body-footer .btn {
    border-radius: 0;
}

/* 서클 - 지원자 수 */
.circle-support {
    width: 70px;
    height: 70px;
    border: 1px solid #0e99cc;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
    margin: 0 auto;
}

.circle-support > .number {
    padding-top: 14px;
    color: #0e99cc;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}

.circle-support-blue {
    width: 70px;
    height: 70px;
    background-color: #0e99cc;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}

.circle-support-blue > .number {
    padding-top: 14px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}

/* 서클 - 상태 */
.circle-status {
    width: 70px;
    height: 70px;
    background-color: #333;
    border-radius: 50%;
    text-align: center;
}

.circle-status > .desc {
    padding-top: 14px;
    color: #fff;
}

/* 2개 탭 메뉴 */
.nav-two > li {
    width: 49%;
    text-align: center;
}

/* 3개 탭 메뉴 */
.nav-three > li {
    width: 32%;
    text-align: center;
}

.nav-three > li > a {
    padding: 10px 0;
}

/* 탭 배경 */
.layout-full > .nav-pills {
    background-color: #F2F2F2;
}

/* 탭안 테두리 배지 */
.nav-pills > li > a > .badge.badge-outline {
    background: none !important;
    border: 2px solid #000;
    color: #000;
    margin-left: 10px;
    vertical-align: 12%;
    padding: 4px 7px 3px 7px;
}

.nav-pills > .active > a > .badge.badge-outline {
    border: 2px solid #fff;
    color: #fff;
}

/*이메일 주소 로그인*/

body > header > h1 > div > a > i {
    color: #ffffff;
}

.link-underline {
    color: #0e99cc;
    text-decoration: underline;
}

.footer-link {
    text-align: center;
    margin: 15px 0;
}

.footer-link > a {
    text-decoration: underline;
}

/* 폼 - 입력란 아이콘 */
.form-control-feedback > .material-icons {
    color: #CCCCCC;
    vertical-align: -20%;
}

.form-group-lg > .form-control-feedback > .material-icons {
    font-size: 24px;
    vertical-align: -32%;
}

/* 플래시 메시지 */
.flash-message-container {
    position: fixed;
    top: 53px;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

.flash-message {
    display: inline-block;
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 580px;
    opacity: .95;
    z-index: 9999;
}

.user-avatar {
    border-radius: 50%;
}

.user-avatar.company-logo {
    border-radius: 0;
}

.user-avatar-blank {
    background-color: #cecece;
}

.pointer {
    cursor: pointer;
}

/* --------------------------- 앱 - 페이지 단위 --------------------------- */

/* 알림 */
.notification-box {
    padding: 12px 15px 2px 15px;
    background-color: #E5E5E5;
}

.notification {
    padding: 0;
    font-size: 12px;
}

.notification li {
    list-style: none;
    background-color: #ffffff;
    margin: 5px 0;
    padding: 10px;
    cursor: pointer;
}

/* 목록 가로 구분선 */
.list-horizontal-border li {
    border-right: 1px solid #E5E5E5;
}

.list-horizontal-border li:last-child {
    border-right: none;
}

/* 카드 */
.card {
    border-radius: 6px;
    margin: 15px;
    background-color: #ffffff;
}

.card-head {
    padding: 10px 15px;
}

.card-body {
    padding: 10px 15px;
    background-color: #F2F2F2;
}

/* 영문 폰트 */
.en {
    font-family: arial;
}

/* 포인트 내역 */
.table-point {
    background-color: #ffffff;
}

.table-point > thead > tr {
    background-color: #7f7f7f;
}

.table-point > thead > tr > th {
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

.table-point > tbody > tr > td {
    vertical-align: middle;
}

/* 고정폭 + 나머지폭 */
.left-width-30 {
    width: 100%;
    margin-bottom: 10px;
}

.left-width-30 > div {
    margin-left: 30px;
}

.left-width-30 > div:first-child {
    float: left;
    margin-left: 0;
    width: 30px
}

.request-left-title {
    float: left;
}

.request-left-title > div {
    margin-left: 26px;
}

.request-left-title > div:first-child {
    float: left;
    margin-left: 0;
    width: 26px;
    letter-spacing: -3px;
}

.left-width-95 {
    width: 100%;
    margin-bottom: 10px;
}

.left-width-95 > div {
    margin-left: 95px;
}

.left-width-95 > div:first-child {
    float: left;
    margin-left: 0;
    width: 95px
}

/* 하단 마진 15px */
.margin-bottom-15 {
    margin-bottom: 15px;
}

/* 하단 진회색 선 */
.border-bottom-dark-gray {
    border-bottom: 1px solid #D9D9D9;
}

/* 별점 */
.list-star {
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.list-star > li {
    display: inline-block;
    color: #b7b7b7;
}

.list-star > li.active {
    color: #1D90CF;
}

.list-label-full > li > label {
    width: 100%;
}

.text-body {
    word-wrap: break-word;
}

.sidebar-switch {
    border-radius: 0;
    padding: 5px;
    margin-top: 10px;
}

.sidebar-switch > .md-36 {
    vertical-align: -32%;
}

/* 터치시 링크, 아이콘 색 변경하여 터치 인지율 높임 */
a:active, a:active > i, a:active > i.material-icons.md-36,
a:hover, a:hover > i, a:hover > i.material-icons.md-36,
a:focus, a:focus > i, a:focus > i.material-icons.md-36 {
    color: #1D90CF;
}

#scroll-to-top {
    position: fixed;
    z-index: 3;
    right: 7px;
    bottom: 60px;
    display: none;
    opacity: 0.5;
}

/* 모바일 하단 고정 버튼 */
.fixed-buttons {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

/* 소셜 로그인 */
.buttons .btn-facebook {
    background-color: #3A559F;
    border-color: #3A559F;
}

.buttons .btn-google {
    background-color: #DC4A38;
    border-color: #e14152;
}

.buttons .btn-naver {
    background-color: #22B500;
    border-color: #22B500;
    color: #ffffff;
}

.buttons .btn-kakao {
    background-color: #FBE500;
    border-color: #FBE500;
    color: #000000;
}

.buttons .btn-email {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.buttons i {
    margin-right: 5px;
}

.buttons span {
    margin-right: 5px;
}

.buttons span.facebook {
    background: url(/img/sns/facebook.png);
    background-size: 15px 25px;
    width: 15px;
    height: 25px;
    display: inline-block;
    vertical-align: -17%;
}

.buttons span.google {
    background: url(/img/sns/google.png);
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: -35%;
}

.buttons span.naver {
    background: url(/img/sns/naver.png);
    background-size: 22px 20px;
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: -17%;
}

.buttons span.kakao {
    background: url(/img/sns/kakao.png);
    background-size: 24px 22px;
    width: 24px;
    height: 22px;
    display: inline-block;
    vertical-align: -25%;
}

.buttons span.email {
    background: url(/img/sns/email.png);
    background-size: 25px 16px;
    width: 25px;
    height: 16px;
    display: inline-block;
    vertical-align: -10%;
}

.buttons-sm {
    padding: 0;
}

.buttons-sm > button {
    text-align: left;
}

.buttons-sm span.facebook {
    background-size: 10px 15px;
    width: 10px;
    height: 15px;
    display: inline-block;
    vertical-align: -17%;
    margin-right: 10px;
}

.buttons-sm span.google {
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    vertical-align: -25%;
}

.buttons-sm span.naver {
    background-size: 15px 14px;
    width: 15px;
    height: 14px;
    vertical-align: -17%;
}

.buttons-sm span.kakao {
    background-size: 15px 14px;
    width: 15px;
    height: 14px;
    vertical-align: -17%;
}

.buttons-margin > .btn {
    margin-right: 5px;
}

.buttons-margin > .btn:last-child {
    margin-right: 0;
}

/* OR 바 */
.login-or {
    text-align: center;
    height: 30px;
    padding-top: 12px;
}

.login-or > div {
    display: inline-block;
}

.login-or > div.or {
    text-align: center;
    width: 16%;
}

.login-or > div.line {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 3px;
    width: 40%;
}

.login-or-lg {
    height: 50px;
    padding-top: 22px;
}

.login-or-lg > div.or {
    width: 8%;
}

.login-or-lg > div.line {
    width: 42%;
}

/* 플랫 패널 */
.panel.panel-flat, .panel.panel-flat > .panel-heading {
    border-right: hidden;
    border-left: hidden;
    border-top: hidden;
    border-radius: 0;
}

.panel.panel-flat {
    border: none;
    box-shadow: none;
}

.panel.panel-flat > .panel-heading {
    background-color: transparent;
    padding: 10px 0;
}

.panel.panel-flat > .panel-body {
    padding: 15px 0;
}

.table-default {
    background-color: #f2f2f2;
}

/* 이용약관 */
.policy-title {
    padding: 30px;
}

.policy-title > h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    letter-spacing: -1px;
}

.policy-index a {
    color: #3f63bf;
    font-weight: bold;
}

.policy-index h5 {
    font-weight: 800;
}

.policy-detail > ol > li {
    list-style: none;
}

.policy-detail > ol > li > .first_letter {
    margin: 0 2px 0 -22px;
}

/* 기능 항목 */
.featured-item {
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    margin: 5px;
}

.featured-item > h4 {
    border-bottom: 3px solid #1c8ecd;
    border-radius: 3px 3px 0 0;
    color: #286090;
    margin: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.featured-item > h4 > a {
    color: #286090;
}

.featured-item > p, .featured-item > ul {
    padding: 15px;
    line-height: 1.7;
}

.featured-item > ul {
    list-style-type: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.featured-item > ul > li {
    padding: 3px 0;
}

.featured-item-btn {
    padding: 15px;
    text-align: center;
}

.count {
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    letter-spacing: -1px;
    line-height: 16px;
    padding-right: 1px;
}

/* 왼쪽 메뉴 */
.sidebar-left > .list-group > .list-group-item {
    border-right: hidden;
    border-left: hidden;
    background-color: transparent;
    padding: 5px 15px;
}

/* 화면 가운데 박스 */
.center-box {
    max-width: 400px;
    margin: 50px auto;
    padding: 0 15px;
}

.center-box > h4 {
    padding-bottom: 8px;
    border-bottom: 3px solid #d2d6de;
}

.center-box > p {
    margin: 20px 0;
    line-height: 1.8;
    text-align: left;
}

.center-box > .buttons {
    text-align: center;
}

.center-box > .buttons > .btn {
    margin-right: 5px;
}

.center-box > .buttons > .btn:last-child {
    margin-right: 0;
}

/* 에러 박스 */
.error-box {
    max-width: 400px;
    margin: 50px auto;
    padding: 0 15px;
}

.error-box .buttons {
    text-align: center;
}

.error-box .buttons > .btn {
    margin-right: 5px;
}

.error-box .buttons > .btn:last-child {
    margin-right: 0;
}

/* 항목 상세 정보 */
dl.list-detail {
    margin-bottom: 5px;
}

dl.list-detail > dt {
    float: left;
    width: 70px;
}

dl.list-detail > dd:before {
    content: ': ';
}

/* 로그인 */
#login .options {
    height: 50px;
    padding: 5px 10px;
}

#login .options > div {
    line-height: 34px;
}

.notice-box > a:before {
    font-family: 'Material Icons';
    content: "\E154";
    font-size: 24px;
    vertical-align: -20%;
}

.notice-box > a {
    color: #1D90CF;
}

.search-box {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    margin: 0 0 15px 0;
    padding: 8px;
    background-color: #fafafa;
    text-align: center;
}

.search-box input[name=q] {
    width: 40%;
}

.search-box > form {
    line-height: 3;
}

.search-box-bottom {
    margin-top: 15px;
}

#apply-type {
    width: 100%;
}

/** 인라인 목록에서 구분선 삽입 */
.list-inline-split > li {
    padding-right: 0;
}

.list-inline-split > li:after {
    content: '';
    border-right: 1px solid #E0E0E0;
    padding-right: 8px;
}

.list-inline-split > li:last-child:after {
    content: '';
    border-right: none;
    padding-right: 0;
}

/* 길이 초과시 ... 붙이기.  div 태그의 width 는 직접 지정 필요 */
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.banner-box {
    text-align: center;
    margin-top: 15px;
}

.banner-box > a {
    display: inline-block;
    margin-bottom: 2px;
}

.box > .box-body > ul {
    padding: 5px 15px;
    line-height: 1.7;
}

/* --------------------------- 검색 --------------------------- */

.search-status-box {
    margin: 10px 0;
}

.search-status > a.active {
    font-weight: bold;
}

.search-status > a {
    padding: 0 5px;
    border-right: 1px solid #b3b3b3;
}

.search-status > a:last-child {
    border-right: none;
}