/* 이미지 : Dropzone 스타일 시작 */
.dropzone {
    width: 98%;
    margin: 1%;
    border: 1px dashed #3498db !important;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
}

.dropzone.dz-drag-hover {
    border: 2px solid #3498db !important;
}

.dz-message.needsclick img {
    width: 50px;
    display: block;
    margin: auto;
    opacity: .6;
    margin-bottom: 15px;
}

span.plus {
    display: none;
}

.dropzone.dz-started .dz-message {
    display: inline-block !important;
    width: 120px;
    float: right;
    border: 1px solid rgba(238, 238, 238, 0.36);
    border-radius: 30px;
    height: 120px;
    margin: 16px;
    -webkit-transition: .2s;
    transition: .2s;
}

.dropzone.dz-started .dz-message span.text {
    display: none;
}

.dropzone.dz-started .dz-message span.plus {
    display: block;
    font-size: 70px;
    color: #AAA;
    line-height: 110px;
}

.dropzone .dz-delete-btn {
    border-radius: 7px;
    margin-left: 17px;
    margin-top: 5px;
    width:70%;
}
/* 이미지 : Dropzone 스타일 끝   */

/* 캐러셀 아이템 + 썸네일 스타일 시작 */
.carousel-item img {
    object-fit: cover;
    height: 495px;
    max-height: 495px;
    background: rgba(255,255,255,.3);
}

#carousel-thumbs {
    background: rgba(255,255,255,.3);
    bottom: 0;
    left: 0;
    padding: 0 40px;
    right: 0;
}

#carousel-thumbs img {
    max-width: 100%;
    max-height: 100%;
    width: 35vmin;
    height: 6vmin;
    border: 5px solid transparent;    
    cursor: pointer;
}

#carousel-thumbs img:hover {
    border-color: rgba(255,255,255,.3);
}

#carousel-thumbs .selected img {
    border-color: #fff;
}

@media all and (max-width: 767px) {
    .carousel-container #carousel-thumbs img {
      border-width: 3px;
    }
}

@media all and (min-width: 576px) {
    .carousel-container #carousel-thumbs {
      position: absolute;
    }
}

@media all and (max-width: 576px) {
    .carousel-container #carousel-thumbs {
      background: #ccccce;
    }
}

.carousel-fullscreen-icon {
	position: absolute;
	bottom: 6.5rem;
	left: 1.3rem;
	z-index: 4;
    padding: 10px;
    background: rgba(29, 29, 29, 0.774);
	border: 1px solid rgba(78, 78, 78, 0.575);
}

.carousel-fullscreen-icon:hover {
    background: rgba(134, 134, 134, 0.815);
}

.fancybox-protected {

    background-image: url("https://beta.ptrealtyhub.co.kr/images/logo.png");
    background-position: center;
    background-repeat: no-repeat;
  }


.thumb-carousel-control-prev,.thumb-carousel-control-next{
	position:absolute;
	top:0;
	bottom:0;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:8%;
	padding:0;
	color:#fff;
	text-align:center;
	background:none;
	border: 0;
	opacity:.5;
	transition:opacity 0.15s ease
}
@media (prefers-reduced-motion: reduce){
	.thumb-carousel-control-prev,
	.thumb-carousel-control-next{transition:none}
}
.thumb-carousel-control-prev:hover,.thumb-carousel-control-prev:focus,.thumb-carousel-control-next:hover,.thumb-carousel-control-next:focus{
	color:#fff;
	text-decoration:none;
	outline:0;
	opacity:.9
}
.thumb-carousel-control-prev{left:0}
.thumb-carousel-control-next{right:0}
.thumb-carousel-control-prev-icon,.thumb-carousel-control-next-icon{
	display:inline-block;
	width:2rem;
	height:2rem;
	background-repeat:no-repeat;
}
.thumb-carousel-control-prev-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.thumb-carousel-control-next-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}


/* 캐러셀 아이템 + 썸네일 스타일 끝   */

/* 센터 메시지 박스 스타일 시작 */
.center_msg_box{
    padding: 10px;
    text-align: center;
    position: fixed;
    width: 240px;
    z-index: 99999;
    top:49%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    color:#fff;
    border-radius: 20px;
    display:none;
}
/* 센터 메시지 박스 스타일 끝   */

.item_title {
    margin-left: 1px;
    margin-right: 1px;
    padding:8px 1px; 
    border:1px solid #ddd; 
    border-top:2px solid #272727c0; 
    border-left:none; 
    border-right:none; 
    font-size:14px; 
    font-weight:bold; 
}



/* 단지 정보 스타일 시작 */
.complex_top >* {
    display:inline-block;
    width:auto;
    float:left;
}
.complex_wrap {
    background:#f6f6f6;     
    height:120px;
    padding:15px; 
}
.complex_title_left >* {
    display:block;
    width:100%;
}
.complex_title_left > div {
    height:16px;
    line-height:16px;
    font-size:16px;
    font-weight:bold;
}
.complex_title_left > div >* {
    display:inline-block;
    height:16px;
    line-height:16px;
    font-size:16px;
    float:left;
}
.complex_title_left > div > .span_style_blue{
    margin-left:5px;
    padding:0 10px;
    border-radius:10px;
    background:#900020;
    color:#fff;
    font-size:14px;
}
.complex_title_left > span {
    height:13px;
    margin-top:4px;
    line-height:13px;
    font-size:13px;
}
.complex_title_left > span i {
    height:13px;
    margin-right:5px;
    line-height:13px;
    color:#999;
}
.complex_top .complex_title_right{float:right;}
.complex_title_right{float:right;}
.complex_title_right >* {
    display:inline-block;
    float:left;
}
.complex_title_right .icon_box:not(:last-child){
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #ddd;
}
.complex_title_right .icon_box >* {
    display:inline-block;
    float:left;
}
.complex_title_right .icon_box i {
    width:36px;
    height:36px;
    margin-right:10px;
    line-height:36px;
    text-align:center;
    font-size:30px;
    color:#999;
}
.complex_title_right .icon_box .icon_title {
    min-width:70px;
}
.complex_title_right .icon_box .icon_title >* {
    display:block;
    width:100%;
    height:14px;
    line-height:14px;
    color:#999;    
}
.complex_title_right .icon_box .icon_title >*:last-child{
    height:15px;
    margin-top:4px;
    line-height:15px;
    font-size:13px;
    font-weight:bold;
    color:#000;
}
.col-6 .complex_top >* {width:100%}
.col-6 .complex_title_right {
    margin-top:10px;
    padding-top:10px;
    border-top:1px dashed #ddd;
}
.col-6 .complex_title_right >* {
    width:calc((100% - 20px) / 3);
}
/* 단지 정보 스타일 끝   */

/* 옵션 정보 스타일 시작 */
.option_top >* {
    display:inline-block;
    width:auto;
    float:left;
}
.option_wrap {
    background:#f7f7f7;     
    height:auto;
    padding:15px; 
}
.option_title_left >* {
    display:block;
    width:100%;
}
.option_title_left > div {
    height:16px;
    line-height:16px;
    font-size:16px;
    font-weight:bold;
}
.option_title_left > div >* {
    display:inline-block;
    height:16px;
    line-height:16px;
    font-size:12px;
    float:left;
}
.option_title_left > div > .span_style_blue{
    margin-left:5px;
    padding:0 10px;
    border-radius:10px;
    background:#900020;
    color:#fff;
    font-size:14px;
}
.option_title_left > span {
    height:13px;
    margin-top:4px;
    line-height:13px;
    font-size:13px;
}
.option_title_left > span i {
    height:13px;
    margin-right:5px;
    line-height:13px;
    color:#999;
}
.option_top .option_title_right{
    float:left;
    margin-top:10px;
}
.option_title_right{
    float:left;
    
}
.option_title_right >* {
    display:inline-block;
    float:left;
}
.option_title_right .icon_box:not(:last-child){
    margin-right:10px;
    padding-right:10px;
}
.option_title_right .icon_box >* {
    margin-top:10px;
    display:inline-block;
    float:left;
}
.option_title_right .icon_box img {
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:30px;
    color:#999;
}
.option_title_right .icon_box .icon_title {
    min-width:57px;
}
.option_title_right .icon_box .icon_title >* {
    display:block;
    width:100%;
    height:14px;
    line-height:14px;
    color:#999;    
}
.option_title_right .icon_box .icon_title >*:last-child{
    height:15px;
    margin-top:4px;
    line-height:15px;
    font-size:12px;
    font-weight:bold;
    color:#000;
}
.col-12 .option_top >* {width:100%}
.col-12 .option_title_right {
    margin-top:10px;
    padding-top:10px;
    border-top:1px dashed #ddd;
}
.col-12 .option_title_right >* {
    width:calc((100% - 20px) / 10);
}
/* 옵션 정보 스타일 끝   */


/* ajax 프로그래스 시작 */
#progress {
    background: rgba(12, 12, 12, 0.3);
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width:100%;
    height:100%;
    z-index:100;
    transform: translate(-50%, -50%);
}

#loading {  
    position: fixed;
    top: 50%;
    left: 50%;
    z-index:100;
    transform: translate(-50%, -50%);
}

#progress img {
    width: 150px;
    height:150px;
}
/* ajax 프로그래스 끝   */


/* 페이지 타이틀 배경 시작 */
.hero-header {
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(https://beta.ptrealtyhub.co.kr/images/home_bg_2.jpg) center center no-repeat;
    background-size: cover;
}

.member-join-header{
	/*background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(https://beta.ptrealtyhub.co.kr/images/home_bg_3.jpg) center center no-repeat;*/
	background-size: cover;
}

.bg-appointment {
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(https://beta.ptrealtyhub.co.kr/images/home_bg_3.jpg) center center no-repeat;
    background-size: cover;
}

.bg-testimonial {
    /*background: url(https://beta.ptrealtyhub.co.kr/images/home_bg_2.jpg) center center no-repeat;*/
    background-size: cover;
}

.gongji-title-header {
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/gongji_bg_1.jpg) center center no-repeat;
    background-size: cover;
}

.message-title-header {
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/message_bg_1.jpg) center center no-repeat;
    background-size: cover;
}

.apt-title-header{
	background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/apt_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.house-title-header{
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/house_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.officetel-title-header{
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/officetel_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.jisic-title-header{
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/jisic_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.oneroom-title-header{
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/oneroom_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.store-title-header{
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/store_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.inquiry-title-header {
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85))
                , url(https://beta.ptrealtyhub.co.kr/images/title_header/message_bg_1.jpg) center center no-repeat;
    background-size: cover;
}
/* 페이지 타이틀 배경 끝   */


.list_underline{
    border-top: 1px solid #4d4d4d;
    letter-spacing: 0px;
    margin-left: 13px;
    margin-right: 60px;
}

/* onclick에 마우스 포인터 변경 시작 */
.on_click{
    cursor: pointer;
}
/* onclick에 마우스 포인터 변경 끝   */

/* 플로팅 베너 시작 */
.float_banner_1{
    position: fixed;
    bottom: 165px;
    right: 10px;
    display:inline-block;
    width:308px;
    margin-bottom: 10px;
    padding:4px 4px;
    background:rgba(255, 255, 255, 1);
    border: 1px solid #ddd;
    float:left;

    &.show-banner {
        right: 10px;
        opacity: 1;
        transition: all 0.6s ease-in;
    }
    &.hide-banner{
        right: -384px;
        opacity: 0;
        transition: all 0.6s ease-in;
    }
}
/* 플로팅 베너 끝   */

/* 팝업 배너 시작 */
button{
    border: 0;
    background: none;
    cursor: pointer;
}

.banner_popup{
    position: fixed;
    z-index: 1005;
    -webkit-box-shadow: 0px 13px 40px -6px #061626;
    box-shadow: 0px 13px 40px -6px #061626;
    bottom: 50px;
    left: 50px;
    display: none;

    &.on{
        display: block;
        background-color: #fff;
    }

    .img_wrap{       
        width: 308px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn_close{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 17px;
        right: 17px;
        font-size: 0;
        border: 0;
        background: none;

        &::before{
            content: "";
            width: 2px;
            height: 32px;
            background-color: #333;
            position: absolute;
            top: 0;
            left: 15px;
            transform: rotate(45deg);
        }

        &::after{
            content: "";
            width: 32px;
            height: 2px;
            background-color: #333;
            position: absolute;
            top: 15px;
            left: 0;
            transform: rotate(45deg);;
        }
    }

    .btn_today_close{
        width: 100%;
        height: 45px;
        background-color: #333;
        text-align: center;
        color: #fff;
        font-size: 14px;
        display: block;
        span{
            display: block;
            line-height: 40px;
            vertical-align: bottom;
            opacity: 0.8;
        }
    }
}




/* 팝업 배너 끝   */



.family-area{float:right}
.family-area>label{margin-right:0;margin-bottom:0}
.family-area select{background:#fff;margin-right:5px;padding-left:10px;width:145px;height:44px;font-size:14px;}
.family-area .gt-button{padding:10px 15px 11px;border:1px solid #cfd5da;font-size:14px;color:#707070}


.policy{
    font-size: 11px;
}



:root {
    --primary: #06A3DA;
    --secondary: #F57E57;
    --light: #EEF9FF;
    --dark: #091E3E;
}

.footer_info {
	font-size: 10px;
}

h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.btn {
    font-family:"NanumSquareNeo",sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn-primary,
.btn-secondary {
    color: #FFFFFF;
}

.btn-primary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.top-shape::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 100%;
    top: 0;
    left: -17px;
    background: var(--primary);
    transform: skew(40deg);
}

.navbar-light .navbar-nav .nav-link {
    font-family:"NanumSquareNeo",sans-serif;
    padding: 35px 15px;
    font-size: 14px;
    color: var(--dark);
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 20px 15px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(9, 30, 62, .85);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

@media (min-width: 991.98px) {
    .banner {
        position: relative;
        margin-top: -90px;
        z-index: 1;
    }
}

.section-title h5::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    right: -55px;
    bottom: 11px;
    background: var(--primary);
}

.section-title h5::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    right: -75px;
    bottom: 11px;
    background: var(--secondary);
}

.twentytwenty-wrapper {
    height: 100%;
}

.appointment-form {
    background: rgba(6, 163, 218, .7);
}

.service-item img,
.service-item .bg-light,
.service-item .bg-light h5,
.team-item .team-text {
    transition: .5s;
}

.service-item:hover img {
    transform: scale(1.15);
}

.team-item .team-text::after,
.service-item .bg-light::after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-radius:100px / 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .5s;
    z-index: -1;
}

.team-item:hover .team-text::after,
.service-item:hover .bg-light::after {
    opacity: 1;
}

.bg-offer {
    background:url(../images/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.offer-text {
    background: rgba(6, 163, 218, .85);
}

.price-carousel .owl-nav {
    position: absolute;
    width: calc(100% + 45px);
    height: 45px;
    top: calc(50% - 22.5px);
    left: -22.5px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
}

.price-carousel:hover .owl-nav {
    opacity: 1;
}

.price-carousel .owl-nav .owl-prev,
.price-carousel .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 16px;
    transition: .5s;
}

.price-carousel .owl-nav .owl-prev:hover,
.price-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}



.testimonial-carousel {
    background: rgba(6, 163, 218, .85);
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: calc(100% + 46px);
    height: 46px;
    top: calc(50% - 23px);
    left: -23px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 16px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}

.testimonial-carousel .owl-item img {
    width: 120px;
    height: 120px;
}

/* Offcanvas 시작 */
@media (min-width:576px){
    .navbar-expand-sm .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-sm .offcanvas .offcanvas-header{display:none}
    .navbar-expand-sm .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width:768px){
    .navbar-expand-md .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;transform:none!important;transition:none
    }
    .navbar-expand-md .offcanvas .offcanvas-header{display:none}
    .navbar-expand-md .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width:992px){
    .navbar-expand-lg .navbar-nav-scroll{overflow:visible}
    .navbar-expand-lg .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-lg .navbar-toggler{display:none}
    .navbar-expand-lg .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-lg .offcanvas .offcanvas-header{display:none}
    .navbar-expand-lg .offcanvas .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible
    }
}
@media (min-width:1200px){
    .navbar-expand-xl{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-xl .navbar-nav{flex-direction:row}
    .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
    .navbar-expand-xl .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xl .navbar-nav-scroll{overflow:visible}
    .navbar-expand-xl .navbar-collapse{
        display:flex!important;
        flex-basis:auto}
    .navbar-expand-xl .navbar-toggler{display:none}
    .navbar-expand-xl .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-xl .offcanvas .offcanvas-header{display:none}
    .navbar-expand-xl .offcanvas .offcanvas-body{
        display:flex;flex-grow:0;padding:0;overflow-y:visible
    }
}
@media (min-width:1400px){
    .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}
    .navbar-expand-xxl .navbar-nav{flex-direction:row}
    .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}
    .navbar-expand-xxl .navbar-nav .nav-link{
        padding-right:var(--bs-navbar-nav-link-padding-x);
        padding-left:var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}
    .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}
    .navbar-expand-xxl .navbar-toggler{display:none}
    .navbar-expand-xxl .offcanvas{
        position:static;
        z-index:auto;
        flex-grow:1;
        width:auto!important;
        height:auto!important;
        visibility:visible!important;
        background-color:transparent!important;
        border:0!important;
        transform:none!important;
        transition:none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}
    .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}
}
.navbar-expand{
    flex-wrap:nowrap;
    justify-content:flex-start
}
.navbar-expand .navbar-nav{flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute}
.navbar-expand .navbar-nav .nav-link{
    padding-right:var(--bs-navbar-nav-link-padding-x);
    padding-left:var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand .navbar-nav-scroll{overflow:visible}
.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}
.navbar-expand .navbar-toggler{display:none}
.navbar-expand .offcanvas{
    position:static;
    z-index:auto;
    flex-grow:1;
    width:auto!important;
    height:auto!important;
    visibility:visible!important;
    background-color:transparent!important;
    border:0!important;
    transform:none!important;
    transition:none
}
.navbar-expand .offcanvas .offcanvas-header{display:none}
.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}
.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{
    --bs-offcanvas-zindex:1045;
    --bs-offcanvas-width:400px;
    --bs-offcanvas-height:30vh;
    --bs-offcanvas-padding-x:1rem;
    --bs-offcanvas-padding-y:1rem;
    --bs-offcanvas-color:var(--bs-body-color);
    --bs-offcanvas-bg:var(--bs-body-bg);
    --bs-offcanvas-border-width:var(--bs-border-width);
    --bs-offcanvas-border-color:var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-offcanvas-transition:transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height:1.5
}
@media (max-width:575.98px){
    .offcanvas-sm{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce){
    .offcanvas-sm{transition:none}
}
@media (max-width:575.98px){
    .offcanvas-sm.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(-100%)
    }
    .offcanvas-sm.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(100%)
    }
    .offcanvas-sm.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-sm.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}
    .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}
}
@media (min-width:576px){
    .offcanvas-sm{
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width:0;
        background-color:transparent!important
    }
    .offcanvas-sm .offcanvas-header{display:none}
    .offcanvas-sm .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width:767.98px){
    .offcanvas-md{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce){
    .offcanvas-md{transition:none}
}
@media (max-width:767.98px){
    .offcanvas-md.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(-100%)
    }
    .offcanvas-md.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(100%)
    }
    .offcanvas-md.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-md.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}
    .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}

}@media (min-width:768px){
    .offcanvas-md{
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width:0;
        background-color:transparent!important
    }
    .offcanvas-md .offcanvas-header{display:none}
    .offcanvas-md .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width:991.98px){
    .offcanvas-lg{
        position:fixed;bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce){
    .offcanvas-lg{transition:none}
}
@media (max-width:991.98px){
    .offcanvas-lg.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(-100%)
    }
    .offcanvas-lg.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(100%)
    }
    .offcanvas-lg.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-lg.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}
    .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}
}
@media (min-width:992px){
    .offcanvas-lg{
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width:0;
        background-color:transparent!important
    }
    .offcanvas-lg .offcanvas-header{display:none}
    .offcanvas-lg .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width:1199.98px){
    .offcanvas-xl{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){
    .offcanvas-xl{transition:none}

}@media (max-width:1199.98px){
    .offcanvas-xl.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(-100%)
    }
    .offcanvas-xl.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(100%)
    }
    .offcanvas-xl.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-xl.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}
    .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}
}
@media (min-width:1200px){
    .offcanvas-xl{
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width:0;
        background-color:transparent!important
    }
    .offcanvas-xl .offcanvas-header{display:none}
    .offcanvas-xl .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
@media (max-width:1399.98px){
    .offcanvas-xxl{
        position:fixed;
        bottom:0;
        z-index:var(--bs-offcanvas-zindex);
        display:flex;
        flex-direction:column;
        max-width:100%;
        color:var(--bs-offcanvas-color);
        visibility:hidden;
        background-color:var(--bs-offcanvas-bg);
        background-clip:padding-box;
        outline:0;
        transition:var(--bs-offcanvas-transition)
    }
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){
    .offcanvas-xxl{transition:none}
}
@media (max-width:1399.98px){
    .offcanvas-xxl.offcanvas-start{
        top:0;
        left:0;
        width:var(--bs-offcanvas-width);
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(-100%)
    }
    .offcanvas-xxl.offcanvas-end{
        top:0;
        right:0;
        width:var(--bs-offcanvas-width);
        border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateX(100%)
    }
    .offcanvas-xxl.offcanvas-top{
        top:0;
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(-100%)
    }
    .offcanvas-xxl.offcanvas-bottom{
        right:0;
        left:0;
        height:var(--bs-offcanvas-height);
        max-height:100%;
        border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform:translateY(100%)
    }
    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}
    .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}
}
@media (min-width:1400px){
    .offcanvas-xxl{
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width:0;
        background-color:transparent!important
    }
    .offcanvas-xxl .offcanvas-header{display:none}
    .offcanvas-xxl .offcanvas-body{
        display:flex;
        flex-grow:0;
        padding:0;
        overflow-y:visible;
        background-color:transparent!important
    }
}
.offcanvas{
    position:fixed;
    bottom:0;
    z-index:var(--bs-offcanvas-zindex);
    display:flex;
    flex-direction:column;
    max-width:100%;
    color:var(--bs-offcanvas-color);
    visibility:hidden;
    background-color:var(--bs-offcanvas-bg);
    background-clip:padding-box;outline:0;
    transition:var(--bs-offcanvas-transition)
}
@media (prefers-reduced-motion:reduce){
    .offcanvas{transition:none}
}
.offcanvas.offcanvas-start{
    top:0;
    left:0;
    width:var(--bs-offcanvas-width);
    border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translateX(-100%)
}
.offcanvas.offcanvas-end{
    top:0;
    right:0;
    width:var(--bs-offcanvas-width);
    border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translateX(100%)
}
.offcanvas.offcanvas-top{
    top:0;
    right:0;
    left:0;
    height:var(--bs-offcanvas-height);
    max-height:100%;
    border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translateY(-100%)
}
.offcanvas.offcanvas-bottom{
    right:0;
    left:0;
    height:var(--bs-offcanvas-height);
    max-height:100%;
    border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform:translateY(100%)
}
.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}
.offcanvas-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1040;
    width:100vw;
    height:100vh;
    background-color:#000
}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:.5}
.offcanvas-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}
.offcanvas-header .btn-close{
    padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))
}
.offcanvas-title{
    margin-bottom:0;
    line-height:var(--bs-offcanvas-title-line-height)
}
.offcanvas-body{
    flex-grow:1;
    padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y:auto
}

.offcanvas-Footer{
    position: fixed;
    bottom:0;
    background-color:  #aaabac25;
    padding:10px;
    width:100%;
    font-size:13px; 
}
/* Offcanvas 끝   */

/* Table selected 배경 색상 변경 시작 */
.trSelected{
    background-color:  #CAEDFF;
}

.trOddBg{
    background-color: rgba(228,236,243,0.5);
}
/* Table selected 배경 색상 변경 끝   */

.adminBtn-sm{
    display: inline-block;
    padding:5px 10px;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size:0.65rem;
    font-family:"NanumSquareNeo",sans-serif;
}
.adminBtn-sm:hover{
    background-color: #2980b9;
    color: #fff;
}

/* table tr 클릭 관련 하위 펼치기 시작 */

/* table tr 클릭 관련 하위 펼치기 끝   */

 :root,[data-bs-theme=light]{
 --bs-blue:#0d6efd;
 --bs-indigo:#6610f2;
 --bs-purple:#6f42c1;
 --bs-pink:#d63384;
 --bs-red:#dc3545;
 --bs-orange:#fd7e14;
 --bs-yellow:#ffc107;
 --bs-green:#198754;
 --bs-teal:#20c997;
 --bs-cyan:#0dcaf0;
 --bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;
 --bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;
 --bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;
 --bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;
 --bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;
 --bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;
 --bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;
 --bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;
 --bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;
 --bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;
 --bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;
 --bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;
 --bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;
 --bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;
 --bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;
 --bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;
 --bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;
 --bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;
 --bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;
 --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
 --bs-body-font-size:1rem;--bs-body-font-weight:400;
 --bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;
 /*--bs-body-bg:#fff;*/
 --bs-body-bg:rgba(255, 255, 255, 0.918);
 --bs-body-bg-rgb:255,255,255;
 --bs-emphasis-color:#000;
 --bs-emphasis-color-rgb:0,0,0;
 --bs-secondary-color:rgba(33, 37, 41, 0.75);
 --bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;
 --bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);
 --bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;
 --bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;
 --bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;
 --bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;
 --bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;
 --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
 --bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;
 --bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;
 --bs-border-radius-2xl:var(--bs-border-radius-xxl);
 --bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
 --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
 --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
 --bs-focus-ring-width:0.25rem;
 --bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);
 --bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;
 --bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545
}