/* font-black-color */
.text-black-75 {--bs-text-opacity:1; color: rgba(0,0,0,.75) !important;}
.text-black-25 {--bs-text-opacity:1; color: rgba(0,0,0,.25) !important;}
.text-red{color: red !important;}
/* 과정상세 */
.lecList img{min-height: 180px;}
.lecList .card-body{min-height: 2rem;}
.course-thumb-big{width:340px;}
.card-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s ease;
    line-height: 5rem;
}
.card-hover:hover .card-overlay {
    z-index: 99;
    width: 100%;
    height: 5.1rem;
}
.over-area{
    background-color: #ffffffbb;
    position: absolute;
    width: 100%;
    /* height: 70px; */
    padding: 15px;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transform: translate(0px, 40px);
    -webkit-transform: translate(0px, 40px);
    -moz-transform: translate(0px, 40px);
    -o-transform: translate(0px, 40px);
    -ms-transform: translate(0px, 40px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.card-hover:hover .over-area {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    opacity: 1;
  }

/* tooltip custum */
.employ-tooltip{
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #423828;
    --bs-tooltip-max-width: 350px;
    --bs-tooltip-padding-y: 0.5rem;
    font-size: small;
}
/* popover custom */
.employ-popover{
    --bs-popover-max-width: 400px;
    --bs-popover-body-color: #fff;
    --bs-popover-bg: #423828;
    color: #fff;
}
.enroll-popover{
    --bs-popover-max-width: 500px;
    --bs-popover-body-color: #fff;
    --bs-popover-bg: #6A6054;
    color: #fff;
}
.group-popover{
    --bs-popover-max-width: 400px;
    --bs-popover-body-color: #000000;
    --bs-popover-bg: #fff;
    color: #fff;
}

/* image hover effect */
.hover-flash figure:hover img {
    opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* BOARD */
.boardsub-title {
    font-family: "GmarketSansMedium", sans-serif;
    color: #423828;
    font-size: 28px;
    font-weight: normal;
    line-height: 34px;
}
/* 온라인보수교육안내 */
.circle-icon {
    width: 6rem; height: 6rem;
}
.circle-icon i {font-size: 3rem; line-height: 6rem;}
/* 회원관련 */
.scroll-box{height:185px; overflow-y: auto;}
.zipcode-daum{display:none;position:fixed;overflow:hidden;z-index:9999;-webkit-overflow-scrolling:touch;}
.join-result{
    height:330px;
    background-image: url(/images/pages/member/join_okbg_new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.join-result button{
    position: absolute;
    bottom: 120px;
    right: 200px;
}
/*
ol { list-style-type: decimal; list-style-position:inside;}
ol li { counter-increment: step-counter; }
ol li::before { content: counter(step-counter) ". "; }
*/
/* styling numbers in ordered list*/
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    list-style:none; /* Disable the normal item numbering */
    padding-left:15px;
}
ol > li:before {
    content:counter(li)". "; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:0em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    padding:2px;
}
ol.bracket > li:before {
    content:counter(li)") ";
}
/* common */
.small{font-size: 0.9em !important;}
.mt-7 {margin-top: 5rem !important;}
.mb-7 {margin-bottom: 5rem !important;}
.btn-xs {
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-padding-x: 0.4rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.15rem;
}
.floating{z-index:2; margin-top:-20px !important; margin-left:15px;}
.cursor-pointer{cursor: pointer !important;}


/* spinner */
#overlay{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.0);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% {
    transform: rotate(360deg);
    }
}
/* summernote custom */
.note-editor .dropdown-toggle::after{display: none;}

/* 빠른상담 */
.qc-wrap{
    position: fixed;
    z-index: 1100;
    width: 280px;
    bottom: 80px;
    right: 180px;
    background-color: #fff;
    border: 4px solid #0cbdb0;
    box-sizing: border-box;
    border-radius: 10px;
    display: none;
}
.qc-agree-box{
    font-size: 11px;
    height: 50px;
    overflow-y: auto;
}
/* 빠른상담 */
.qc-wrap2{
    position: fixed;
    z-index: 9900;
    width: 280px;
    top: 400px;
    right: calc(((100% - 1200px) / 2) - 100px);)((100% - 1200px) / 2););
    background-color: #fff;
    border: 4px solid #0cbdb0;
    box-sizing: border-box;
    border-radius: 10px;
    display: none;
}
.qc-agree-box{
    font-size: 11px;
    height: 50px;
    overflow-y: auto;
}
/*
    입금확인서
*/
.pop-income{
    position: absolute;
    top:0;
    left:0;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
}
.pop-income-content{
    position: absolute;
    z-index: 2;
}
.incom-table{
    width: 78vw;
    margin-left: 11vw;
    margin-top: 25vh;
}
.incom-table th{
    width:25%;
}

@media print {
    .incom-table{width:73vw;}
}

.pop_foot {
    width: 100%;height: 25px;line-height: 150%;
    background-color: #D8D8D8;
    text-align:right;
    font-size:12px; font-weight:normal; font-family: 'NanumSquare';
}
.day{ font-size:13px; color:#555; background:#ededed; height:35px; line-height:25px; width:100%; text-align:right; border:1px solid #ededed; }

.map-beige {background: #f2e7d9;position: relative;}
.map-beige h4 {font-size: 28px;font-family: "GmarketSansMedium", sans-serif;}
.map-beige img {position: absolute; bottom: 3rem; right: 3rem;}
.map-beige ul {width: 510px;word-break: keep-all;}
.map-beige ul li {padding-left: 70px;position: relative;margin-bottom: 25px;}
.map-beige ul li span {position: absolute;display: block;top: 0;left: 0;background-color: #b07e4a;color: #fff;font-weight: 500;border-radius: 30px;padding: 1px 10px;}
.brown-border {border: 2px solid #c6986e;border-radius: 10px;padding: 10px;text-align: center;height: 230px;}
.brown-border .brown-bg {background-color: #c6986e;color: #fff;font-size: 18px;height: 50px;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;}
.brown-border img {display: block;margin: 15px auto;}
.brown-border p {line-height: 1.3;}
#table-schedule {scroll-margin-top: 100px;}

.map-beige.v2 {background: #dcf1f2;}
.map-beige.v2 ul li span {background-color: #2ba9a1;}
.brown-border.v2 {border-color: #316c7f;}
.brown-border.v2 .brown-bg {background-color: #316c7f;}
.brown-border.v3 {border-color: #fff;}
.brown-border.v3 .brown-bg {background-color: #316c7f;}

.map-section {background: #f2e7d9 url('/images/course/capacity_map_line.png') 100% 100% no-repeat;min-height: 650px;}
.map-section h4 {font-size: 28px;font-family: "GmarketSansMedium", sans-serif;}
.map-section .nav {padding-bottom: 0.8rem;border-bottom: 4px solid #EAD6C1;}
.map-section .nav-pills .nav-link.active,
.map-section .nav-pills .show > .nav-link {background-color: #795548;}
.map-section .nav-item {flex: 1 1 auto;}
.map-section .nav-link {color: #795548;width: 100%;font-size: 1.2rem;font-weight: 600;}
.map-section .tab-pane p {font-weight: 700; font-size: 1.1rem; color: #795548;}
.map-section .tab-pane > ul li div {font-size: 1.2rem; background: #ffffff47; border-radius: 3px; cursor: default;padding: 1rem;}


.pop-income.v1{
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    height: 100vh;
    margin: 0 auto;
}
.pop-income.v1 .pop-income-content{
    position: absolute;
    z-index: 2;
    width: 100%;
}
.pop-income.v1 .incom-table{
    width: 80% !important;
    margin-left: 10% !important;
}
.pop-income.v1 .incom-table th{
    width:25%;
}

@media print {
    .pop-income.v1 .incom-table {width:100%;}
}

.no-hover:hover,
.no-hover:focus,
.no-hover:active {
    color : var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-bg);
    cursor: default;
}