/* * { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); } */

html, body {
    min-height:100vh;
}

body {
    padding:0;
    margin:0;
    font-size:16px;
    /* background: url(../img/blue.png) no-repeat center/cover; */
}
/* h1,h2,h3,h4,h5,h6 {
    font-family: 'NanumSquareRound', sans-serif;
    font-weight: 600;
} */
input.btn, button.btn {
    height:auto !important
}
table {
    font-size:16px
}
.container {
    max-width:1280px;
    width:100%;
}
.btn {
    background-image:none !important;
    line-height:auto;
    height:auto !important;
    text-shadow:0px 0px 0px !important;
    box-shadow:0px 0px 0px !important
}
.grid{
    display:-ms-grid;
}
.layout-spacer {
	flex-grow:1;
}
.flex-1 {
    flex:1;
}
/* .sideNavBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    width:48px;
} */

.sideSection {
    background:-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.89);
}
.sideSection a:hover {
    background:-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(232,237,242,0.39) !important;
}
.sideSection ul ul {
    background:-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(232,237,242,0.39) !important;
}
.backdrop-white {
    background:-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.59);
}
.backdrop-white:hover {
    background:-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.79) !important;
}
.mainSection {
    
}
header {
    position: relative;
    display: flex;
    /* background: #fff; */
    /* border-bottom:1px solid #eee; */
}

.my_menu ul{
    display: flex;
    padding:0 0 0 20px;
    margin:0;
}
.my_menu li {
    list-style: none;
    padding-top:10px;
}
.my_menu li a {
    display: block;
    text-decoration: none;
    padding:8px 12px;
    border:1px solid #ff0000;
    color:#f36;
    margin:0 3px;
    font-size:14px;
    border-radius: 4px;
}
.my_menu li a:hover, .my_menu li a:focus {
    background-color: #ff0000;
    color:#fff
}
.bodyContent {
    margin-right:400px;
}
.bodySideArea {
    position: absolute;
    right:0;
    bottom:0;
    top:63px;
    width:400px;
    background: #fff;
    border-left:1px solid #ddd;
}

.fillp-book {
    color:#a9a9a9;
}
.fillp-book:hover, .fillp-book:focus {
    text-decoration: none;
    /* color:#ff0000; */
    color:#000;
    border-color:#ff0000
}
.fpage {
    background:#ddd;
}

/**/
.overlay-on {
	overflow: hidden;
}
#off-canvas-overlay {
	visibility: hidden;
	opacity: 0;
	transition: left 0s 0.3s, visibility 0s 0.3s, opacity 0.3s;
	background:rgba(0,0,0, .731);
	/* -webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px); */
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	overflow: hidden;
	z-index: 1;
}
.overlay-on #off-canvas-overlay {
	visibility: visible;
    opacity: 1;
    transition: left 0s 0.3s, visibility 0s, opacity 0.3s;
	z-index: 99;
}
.overlay-on #off-canvas{
	/* left:0px; */
    right:0px;

	transition: all 0.3s ease;
}
#off-canvas {
	width:300px;
	height:100%;
	position: fixed;
	z-index:100;
	top:0;
	right:-350px;
	bottom:0;
	/* background-color: rgba(250,250,250, 1); */
	border-bottom: 1px solid rgba(0,0,0,.05);
	transition: all 0.3s ease;
}
.off-canvas-nav {
	padding:0;
	margin:0;
}
.off-canvas-nav li {
	list-style: none;
	text-align: center;
}
.nav {
    border:1px solid #eee; 
}
.nav ul li {
    border-left:1px solid #eeeeee; 
    border-right:1px solid #eeeeee; 
    padding:12px 40px;
}
.review {
    background: url('/page/230217/pc/main_08.png') no-repeat center center;
}
.bx-wrapper {
    background:transparent !important;
    border:none !important; 
    box-shadow: none !important;
}
.slider_wrap {
    position: absolute; 
    top:320px;
    left:270px;
    width: auto;
}

.bx-wrapper .bx-next{
    background:url('/page/230217/pc/nex_03.png') !important;
    width: 50px !important; 
    height: 50px !important;
    left: 375px;
}

.bx-slider li.active .review_wrap {
    background: white; ;
    transform: scale(1);
    opacity: 1;
}

.bx-slider li .review_wrap {
    transition: 0.25s ease;
}
.bx-slider li .review_wrap {
    transform: scale(0.8);
    opacity: 0.5;
    transition: 0.25s ease;
}
.bx-slider_m li.active .review_wrap {
    transform: scale(1);
    opacity: 1;
}

.bx-slider_m li .review_wrap {
    transition: 0.25s ease;
}
.bx-slider_m li .review_wrap {
    transform: scale(0.8);
    opacity: 0.5;
    transition: 0.25s ease;
}




.certi {
    background:url('/page/230217/pc/main_09.png') no-repeat center center;

}

.contact {
    background: url('/page/230217/pc/contact_02.png') no-repeat center center;
}
dialog {
    z-index: 99999;;
}
.section {
    padding:100px 0; 
}
dialog:modal {
    max-width: 100%;
     z-index: 99999;;
    max-height: 100%;
}
.car_bg_color{
    background-color: #1d2089;
}
.car_color {
    color:#1d2089;
}
.support_item {
    padding:50px 30px; 
    border-bottom:1px solid #e5e5e5; 
    
}
.support_table td {
    padding:1rem; 
    border-bottom:1px solid #e5e5e5;  
    text-align: center;
}
.service_table td {
    padding:1rem; 
    border:1px solid #e5e5e5; 
    text-align: center;
}
.service_table :nth-child(1){
    width: 100px;
}
.service_table :nth-child(2){
    /* width: 300px; */
}
.service_table :nth-child(3), .service_table :nth-child(4), .service_table :nth-child(5), .service_table :nth-child(6){
    width: 220px;
}

#favDialog {
    background: rgba(0,0,0, .731);
    width: 100%; 
    padding:0; margin:0;
}
#favDialog_m {
    width: 100%; 
    padding:0; margin:0;
}
#pc_nav {
    background: rgba(24,24,26, 0.7);
}
#pc_nav {
    color:white;
}
.on-sticky {
    background: rgba(0,0,0, .300);
}

.pc-nav-default{
    display: grid; ;
}
.pc-nav-sticky {
    display: none;
}

.on-sticky .pc-nav-sticky {
    display: grid;
}
.on-sticky .pc-nav-default {
    display: none;
}
@media (max-width: 1200px) {  
    .gnb {
        position: relative;
        width:100%;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .gnb li a.active, .gnb li a:hover, .gnb li a:focus{
        border-bottom:2px solid #ff0000
    }
}

@media (max-width: 575.98px) { 
    .bx-wrapper .bx-next{
        background:url('/page/230217/pc/nex_03.png') !important;
        width: 50px !important; 
        height: 50px !important;
        left:220px;
    }
    .support_item {
        padding:30px 0px; 
        border-bottom:1px solid #e5e5e5; 
        
    }
    .section {
        padding:50px 10px; 
    }

    
}